初涉angular的小tip

时间 2019-12-24

原文原文链接

初涉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',[]);javascript

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

(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>java

1. Local Cache的小TIP
2. Vuex 小tip
3. EXCEL的一些小Tip
4. sqlalchemy使用上的小tip
5. 备份的一些小tip
6. vue-router初涉
7. OpenResty初涉
8. 初涉Locust
9. 初涉DVA
10. 初涉运营
更多相关文章...
• MySQL FLOAT、DOUBLE、DECIMAL（小数类型） - MySQL教程
• 数据库涉及到哪些技术？ - MySQL教程
• 适用于PHP初学者的学习线路和建议
• 漫谈MySQL的锁机制