angularJs-工具方法3

最新推荐文章于 2019-12-10 15:17:38 发布

Charles_pig

最新推荐文章于 2019-12-10 15:17:38 发布

阅读量296

点赞数

分类专栏： angularJs 文章标签： angularjs

本文链接：https://blog.csdn.net/Charles_pig/article/details/73644498

版权

angularJs 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

angular.identity()和angular.noop();

var str = "hello";
var ret = angular.identity(str);
console.log(ret);
类似：function（str）{
    return str //返回的是内容本身；
}

var ret = angular.noop();
console.log(ret);//值：undefined;
类似：function (){
    //一个空函数；
}

angular.lowercase()和angular.uppercase();

作用：大小写转换；

angular.element();

var odiv = document.getElementById("odiv");
angular.element("odiv").css("width","100px");
类似：jquery里面的：$("#odiv").css("width","100px");
作用：元素选择器

angular.bootstrap();

作用：实现angularJs的动态初始化；
实例：<!DOCTYPE html>
    <html>//如果这里没有 ng-app= “myApp”；
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <div id="box" ng-controller = "myCtrl">
                <p>{{name}}</p>
            </div>
        </body>
        <script src="angular.min.js"></script>
        <script src="angular-route.min.js"></script>
        <script src="angular-ui-router.min.js"></script>
        <script type="text/javascript">
            var myApp = angular.module("myApp",[]);
            myApp.controller("myCtrl",["$scope",function($scope){
                $scope.name = "hello";
            }])
            document.onclick = function(){
                angular.bootstrap(document,["myApp"]);
                //给document即<html>添加ng-app = "myApp" ;
            }
        </script>
    </html>

$scope的apply

<!DOCTYPE html>
<html ng-app = "myApp">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="box" ng-controller = "myCtrl">
            <p>{{name}}</p>
        </div>
    </body>
    <script src="angular.min.js"></script>
    <script src="angular-route.min.js"></script>
    <script src="angular-ui-router.min.js"></script>
    <script type="text/javascript">
        var myApp = angular.module("myApp",[]);
        /*myApp.controller("myCtrl",["$scope","$timeout",function($scope,$timeout){
            $scope.name = "hi";
            $timeout(function(){
                $scope.name = "hello";
            },2000)

        }])*/
        myApp.controller("myCtrl",["$scope",function($scope,){
            $scope.name = "hi";
            setTimeout(function(){
                $scope.$apply(function(){//使用$apply，允许angular使用第三方的插件/库和原声js;
                    $scope.name = "hello";
                })
            },2000)

        }])

    </script>
</html>

Charles_pig

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJs-工具方法3

angular.identity()和angular.noop();var str = "hello";var ret = angular.identity(str);console.log(ret);类似：function（str）{ return str //返回的是内容本身；}var ret = angular.noop();console.log(ret);//值：unde
复制链接

扫一扫