angularJS1笔记-(8)-内置指令

index.html:

    
    



    

        
{{1+1}}
        
2
        

        

            

                当前元素:{{$index}}{{city}}
                是否为头元素:{{$first}}
                是否为非头非尾元素:{{$middle}}
                是否为尾元素:{{$last}}
            
        
        
        


        
        


        

        切换状态
        
{{status}}

        
        

            你好
        
        

            你好吗
        

        
        

            

                true
            
            

                false
            
        

        
        
    

　　other.html:

    
    


    另一个页面

　　index.js:

var myApp = angular.module('myApp', [])

.controller('firstController',function ($scope) {
    $scope.status = false;
    $scope.changeStatus = function (event) {
        console.log(event.target);
        $scope.status = !$scope.status;
        //angular.element把angular元素转换为jquery元素
        angular.element(event.target).html('切换状态'+$scope.status);

    }
    $scope.defaultStyle = {
        color:'red',
        'margin-top':'50px'
    }

    $scope.src = "http://www.angularjs.org/img/AngularJS-large.png";
})

　　运行结果：

 

转载于:https://www.cnblogs.com/yk123/p/6837476.html