angularjs

来源：互联网发布：秦美人浴池进阶数据编辑：程序博客网时间：2024/04/29 10:08

<!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', function ($scope, $rootScope) {})appModule.run(['$rootScope', function ($rootScope) {    $rootScope.sex = '男';}])appModule.controller('TestCtrl', function ($scope, $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;    }})

0 0