时间:2016-02-12 13:25 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【简介AngularJS的视图功能应用】，下面是详细的讲解！
简介AngularJS的视图功能应用
<html> <head> <title>Angular JS Views</title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.min.js"></script> </head> <body> <h2>AngularJS Sample Application</h2> <div ng-app="mainApp"> <p><a href="http://www.jb51.net/article/68006.htm#addStudent">Add Student</a></p> <p><a href="http://www.jb51.net/article/68006.htm#viewStudents">View Students</a></p> <div ng-view></div> <script type="text/ng-template" id="addStudent.html"> <h2> Add Student </h2> {{message}} </script> <script type="text/ng-template" id="viewStudents.html"> <h2> View Students </h2> {{message}} </script> </div> <script> var mainApp=angular.module("mainApp", ['ngRoute']); mainApp.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/addStudent', { templateUrl: 'addStudent.html', controller: 'AddStudentController' }). when('/viewStudents', { templateUrl: 'viewStudents.html', controller: 'ViewStudentsController' }). otherwise({ redirectTo: '/addStudent' }); }]); mainApp.controller('AddStudentController', function($scope) { $scope.message="This page will be used to display add student form"; }); mainApp.controller('ViewStudentsController', function($scope) { $scope.message="This page will be used to display all the students"; }); </script> </body> </html>
关于简介AngularJS的视图功能应用的用户互动如下：
相关问题：AngularJS 在实际应用中有哪些优缺点
答：可以看一下知乎里这篇问http://www.zhihu.com/question/21151483 >>详细
相关问题：AngularJS 在实际应用中有哪些优缺点
答：优点；反应快 缺点：不好操作 传感器(英文名称:transducer/sensor)是一种检测装置，能感受到被测量的信息，并能将感受到的信息，按一定规律变换成为电信号或其他所需形式的信息输出，以满足信息的传输、处理、存储、显示、记录和控制等要求。 传... >>详细
相关问题：对比jQuery和AngularJS的不同思维模式
答：jQuery是dom驱动，AngularJS是数据驱动，这里有一篇文章阐述的非常好，建议看看 本文来自StackOverFlow上How do I “think in AngularJS” if I have a jQuery background?一题中得票最高的回答。该回答得票超过3000次，回答者Josh David Miller是... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-