AngularJs控制器说明（一）

约定不等于承诺〃 2022-07-12 02:04 200阅读 0赞

一.控制器使用示例ng-controller

<body ng-app='module' ng-controller="myCtrl">
            请选择性别：
            <select name="sex" ng-model='sex' > 
                <option value="">请选择</option>
                <option value="1">男</option>
                <option value="2">女</option>
            </select>
            <button type="" ng-click="alter();">修改</button>
        </form>

js代码：

var app= angular.module('module', [
    ]);
    app.controller('myCtrl',function($scope){
        $scope.sex="1"; //特别说明，此处指定的为字符串，如果是number类型则绑定不成功
        console.info($scope);
        $scope.alter=function(){
            $scope.sex="2";
            console.info($scope);
        }
    });
    app.controller('test',function($scope){
     console.info(33); //测试代码
    });

特别说明：

1.app.controller('test',function()\{\}),如果控制器不存在，angularjs不会抛出异常，内部代码也不会执行。

更多：

[Angular 1.6提示$http.get(...).success is not a function][Angular 1.6_http.get_..._.success is not a function]

[AngularJS动画（二）][AngularJS]

[AngularJs directive-controller实例][AngularJs directive-controller]

[Angular 1.6_http.get_..._.success is not a function]: http://blog.csdn.net/u011127019/article/details/54846710
[AngularJS]: http://blog.csdn.net/u011127019/article/details/53668573
[AngularJs directive-controller]: http://blog.csdn.net/u011127019/article/details/51622292

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关 angularjs控制器的使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

川长思鸟来/ 2022年09月13日 08:36/ 0 赞/ 170 阅读

相关 AngularJs-指令和控制器交互

1，指令和控制器的交互 <!DOCTYPE html> <html ng-app="MyController"> <head> <me

比眉伴天荒/ 2022年08月22日 15:35/ 0 赞/ 185 阅读

相关 04控制器-AngularJS基础教程

0. 目录目录前言正文 1 ng-controller 2 构建模型-Constructing the mo

短命女/ 2022年08月07日 08:59/ 0 赞/ 231 阅读

相关深究AngularJS——AngularJS中的Controller(控制器)

先看个示例 <div ng-app="myApp" ng-controller="myCtrl"> <!-- 在该控制器内保存着如下两个Model里的数据 ng-

太过爱你忘了你带给我的痛/ 2022年07月12日 06:51/ 0 赞/ 286 阅读

相关 AngularJs控制器说明（一）

一.控制器使用示例ng-controller <body ng-app='module' ng-controller="myCtrl"> 请选

约定不等于承诺〃/ 2022年07月12日 02:04/ 0 赞/ 201 阅读

相关 AngularJS 控制器

关于 controller 中作用域的问题： controller 中，如果局部 scope和 s c o p e 和 rootScope 都存在，且有相同名字的变量，\{

你的名字/ 2022年05月19日 02:47/ 0 赞/ 259 阅读

相关 angularJS(五)angularJsDemo之控制器

需求：实现两个数相加 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG

我不是女神ヾ/ 2022年02月23日 00:56/ 0 赞/ 270 阅读

相关 AngularJS控制器(Controller)

AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript

野性酷女/ 2021年09月14日 06:52/ 0 赞/ 389 阅读

相关 AngularJs 多控制器思想

ng-controller多控制器思想为了便于团队开发和维护（1）每一个控制器是嵌套的,即外层控制器可以访问内层控制器变量

Myth丶恋晨/ 2021年07月24日 13:55/ 0 赞/ 446 阅读

相关 AngularJs 控制器

AngularJs控制器(对页面元素进行类似js的功能) 1、angular.module()方法 (1)NG方法中提供用来生成页面数据模

以你之姓@/ 2021年07月24日 11:45/ 0 赞/ 436 阅读