angularjs 控制器传值里面怎么读取 form 的name属性

来源：蜘蛛抓取(WebSpider) 时间：2016-04-26 05:42 标签： angularjs 控制器继承
angularjs（2）
现在我们就用ng-controller指令来创建一个简单的控制器定义，如下所示：
&!DOCTYPE HTML&
&title& test &/title&
&meta charset=&utf-8&&
&script src=&/scripts/angular.min.js&&&/script&
&div ng-app=&& ng-controller=&Controller_test1&&
Input Your Name：&input type=&text& ng-model=&chr.name&&
Your Name is: &span ng-bind=&chr.name&&&/span&
function Controller_test1($scope) {
$scope.chr = {
name: &chr&
运行结果如下所示:&
Input Your Name：&
Hello, Your Name is:&chr&
控制器的嵌套:
&!DOCTYPE HTML&
&title& test &/title&
&meta charset=&utf-8&&
&script src=&/scripts/angular.min.js&&&/script&
&div ng-app=&& ng-controller=&Controller_test1&&
Input Your Name：&input type=&text& ng-model=&chr.name&&
&div ng-app=&& ng-controller=&Controller_test2&&
Input Your Name2：&input type=&text& ng-model=&chr.name&&
Your Name2 is: &span ng-bind=&chr.name&&&/span&
Your Name is: &span ng-bind=&chr.name&&&/span&
function Controller_test1($scope) {
$scope.chr = {
name: &chr&
function Controller_test2($scope) {
$scope.chr = {
name: &chr2&
运行结果如下
Input Your Name：&
Input Your Name2：&
Hello, Your Name2 is:&chr2&
Hello, Your Name is:&chr&
2.控制器方法
自定义SayHi的方法 实现如下:
&!DOCTYPE HTML&
&title& 测试页 &/title&
&meta charset=&utf-8&&
&script src=&/scripts/angular.min.js&&&/script&
&div ng-app=&& ng-controller=&Controller_test&&
Your name:
&input type=&text& ng-model=&username&&
&button ng-click=&sayHi()&&打招呼&/button&
{{greeting}}
function Controller_test($scope) {
$scope.username = 'chr';
$scope.sayHi = function() {
$scope.greeting= 'Hi ' + $scope.username + '!';
运行结果如下:
Your name:&&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：51722次
积分：1097
积分：1097
排名：千里之外
原创：57篇
评论：14条
(3)(4)(2)(1)(1)(9)(3)(1)(7)(4)(3)(9)(9)(4)(2)&&国之画&&布布分享&&&& &&&&
版权所有 京ICP备号-2
迷上了代码！

我要回帖

更多关于 angularjs 控制器继承 的文章

 

随机推荐