初涉angular的小tip

初涉angular的一些小tip
很久就听说过angular的大名了,以及它的MVVC框架模型的优越性,最近一直在捣腾这个,在学习的过程中遇到的一些问题以及解决办法记录如下:
(1)当ng-app=""时,直接可以在内容中使用angular内置的一些功能,比如ag-model的双向数据绑定.但是当ng-app不为空值的时候,必须将ng-app进行注入操作,否则会提示ng-app注入失败的错误:
例如:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>angular test</title>
    <script type="text/javascript" src="js/angular.min.js"></script>

</head>
<body>
    <input type="text" ng-model="name"/></br>
         {{name}}
    <script type="text/javascript">
            var app = angular.module('myApp',[]);

    </script>
</body>
</html>
如果将第二行的代码的ng-app设为空值,则会运行成功.
(2)当在向控制器传入多个依赖注入的作用域的时候,对应的函数的参数也应该有相同的顺序,例如:
        app.controller('youController', ['$scope','$rootScope', function($scope,$rootScope){
                 ....
            }]);
(3)run 方法初始化全局的数据,而且只对全局作用域起作用,如$rootScope,例如:
    app.run(['$rootScope',function($rootScope){
        $rootScope.sex = '男';
    }])

(4)ng-bind和ng-bind-template的区别:
ng-bind只能绑定一个变量,而ng-bind-template可以绑定多个变量,如:
    <div ng-controller="myController">
          <p ng-bind-template="{{name}}{{age}}"></p>
    </div>
    <script type="text/javascript">
        var app = angular.module('myApp',[]);
        app.controller('myController', ['$scope', function($scope){
             $scope.name = 'sunshine';
             $scope.age = '31';
        }])
    </script>

你可能感兴趣的:(初涉angular的小tip)