angularjs

发布时间：2020-12-17 10:32:26 所属栏目：安全来源：网络整理

导读：!DOCTYPE htmlhtml ng-app="app"head lang="en" meta charset="UTF-8" script src="framework/1.3.0.14/angular.js"/script script src="js/test2.js"/script title练习/title/headbody!--div ng-app="app" ng-init="sex='男'"--!--div data-ng-app="app" ng

<!DOCTYPE html>
<html ng-app="app">
<head lang="en">
    <meta charset="UTF-8">
    <script src="framework/1.3.0.14/angular.js"></script>
    <script src="js/test2.js"></script>
    <title>练习</title>
</head>
<body>
<!--<div ng-app="app" ng-init="sex='男'">-->

<!--<div data-ng-app="app" ng-init="a=3;b=5">
    {{a*b}}-->

<!--<div ng-controller="myCtrl">
    <div>
        {{firstName+lastName}}
        {{user.sex}}
        <br/>
        {{person[0].name}}
    </div>
    <div ng-repeat="item in person">
        <span>姓名：{{item.name}} 性别：{{item.sex}}</span><br/>
    </div>
    {{xixi}}
    {{sex}}
</div>-->

<!--<div ng-controller="FirstCtrl">
    {{tag}}
</div>
<div ng-controller="SecondCtrl">
    {{tag}}
</div>-->

<div ng-controller="TestCtrl">
    {{name}}
    <div ng-click="show();">点击我</div>
</div>

<!--<div ng-controller="TestCtrl2">
    {{info()}}
</div>-->

</body>
</html>

var appModule = angular.module('app',[]);

appModule.controller('myCtrl',['$scope','$rootScope',function ($sc,$rotSc) {
    $sc.firstName = "liao";
    $sc.lastName = "jianguo";
    $sc.user = {name: '张三',sex: '男'};
    $sc.person = [
        {name: '张三',sex: '男'},{name: '李四',sex: '男'}
    ];
    $rotSc.good = 'xixi';
}])

appModule.controller('FirstCtrl',function ($scope,$rootScope) {
    $rootScope.tag = "哈哈";
})

appModule.controller('SecondCtrl',$rootScope) {
})

appModule.run(['$rootScope',function ($rootScope) {
    $rootScope.sex = '男';
}])

appModule.controller('TestCtrl',$timeout) {

    setTimeout(function () {
        $scope.$apply(function () {
            $scope.name = "liaojianguo";
        })
    },4000);

    $timeout(function () {
        $scope.name = "廖建国";
    },6000);

    $scope.name = "朱龙凤";

    $scope.show = function () {
        alert("被点击");
    }

    $scope.$watch('name',function(newValue,oldValue){
        alert("原来的值：" + oldValue + "新的值:" + newValue);
    })
})

appModule.controller('TestCtrl2',function ($scope) {
    $scope.persion = {name: 'liaojianguo',age: 23}
    $scope.info = function () {
        return $scope.persion.name + $scope.persion.age;
    }
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!