【angularjs】控制器

阅读量：2241 次

发布时间：2019-05-09

本文共 844 字，大约阅读时间需要 2 分钟。

AngularJS中ng-app的赋值问题

controller 使用的时候，ng-app 必须有名字，空会报错。

简介：

AngularJS 控制器控制 AngularJS 应用程序的数据。

AngularJS 控制器是常规的 JavaScript 对象。

AngularJS 应用程序被控制器控制。

ng-controller 指令定义了应用程序控制器。

控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数创建。

实例

我们建立一个控制器和页面分离的demo

创建index.html

    
       控制器    
           
       
            
             {
  {name}}    
    
   
controller 使用的时候，ng-app 必须有名字，空会报错。

创建index.js

var app = angular.module('myapp', []);app.controller('mycontroller', function($scope) {
           $scope.name="zhangsan";});

解析：

1)AngularJS 应用程序由 ng-app 定义。应用程序在

内运行。

2)ng-controller=“mycontroller” 属性是一个 AngularJS 指令。用于定义一个控制器。

3)mycontroller函数是一个 JavaScript 函数。

4)AngularJS 使用$scope 对象来调用控制器。

5)在 AngularJS 中， $scope 是一个应用对象(属于应用变量和函数)。

6)控制器的 $scope （相当于作用域、控制范围）用来保存AngularJS Model(模型)的对象。

7)控制器在作用域中创建了一个属性 name。

8)ng-model 指令绑定输入域到控制器的属性name。

转载地址：http://axhbb.baihongyu.com/

你可能感兴趣的文章

java操作cookie 实现两周内自动登录

Eclipse Memory Analyzer 使用技巧