Javascript 如何调用angular中的控制器?
我想绑定全名=firstname+lastname 我在w3学校看到过这个例子。但我无法理解 我的问题是函数是如何被调用的?有听众吗? 有人能详细地解释一下吗。对不起,我是新手 我的代码是:Javascript 如何调用angular中的控制器?,javascript,angularjs,Javascript,Angularjs,我想绑定全名=firstname+lastname 我在w3学校看到过这个例子。但我无法理解 我的问题是函数是如何被调用的?有听众吗? 有人能详细地解释一下吗。对不起,我是新手 我的代码是: var application=angular.module('myTempApp',[]); application.controller('myController',function($scope){ $scope.myFirstName=“xxx”; $scope.myLastName=“yyy”
var application=angular.module('myTempApp',[]);
application.controller('myController',function($scope){
$scope.myFirstName=“xxx”;
$scope.myLastName=“yyy”;
$scope.myFunction=函数(){
警报(“被呼叫”);
$scope.myFullName=$scope.myFirstName+$scope.myLastName;
}
});代码>
{{myFunction()}}
数据:{2+2}
如果要根据其他变量更新变量,可以使用
var application=angular.module('myTempApp',[]);
application.controller('myController',function($scope){
$scope.myFirstName=“xxx”;
$scope.myLastName=“yyy”;
$scope.myFunction=函数(){
//警报(“被呼叫”);
$scope.myFullName=$scope.myFirstName+$scope.myLastName;
};
$scope.$watch(“myFirstName+myLastName”,$scope.myFunction);
});代码>
{{myFunction()}}
数据:{2+2}
这可能会有所帮助
function studentController($scope) {
$scope.student = {
firstName: "Mahesh",
lastName: "Parashar",
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
}
Enter first name: <input type="text" ng-model="student.firstName"><br>
Enter last name: <input type="text" ng-model="student.lastName"><br>
<br>
You are entering: {{student.fullName()}}
函数studentController($scope){
$scope.student={
名字:“Mahesh”,
姓:“帕拉萨”,
全名:函数(){
var研究对象;
studentObject=$scope.student;
返回studentObject.firstName+“”+studentObject.lastName;
}
};
}
输入名字:
输入姓氏:
您正在输入:{{student.fullName()}
在模型(html和控制器)之间有两种绑定数据的方法将数据绑定到$scope、ng bind和{}}中。它们在这里所做的是调用{{myFunction()}}((类似于侦听器),然后每次都处理myFirstName和myLastName(因此,当它们更改时,新值将保存在$scope.myfullName中,并渲染到模型中)让我们一步一步来
您正在绑定三个文本和一个函数类型变量。每当您编写任何变量(任何数据类型)时,它都会在angularJS的摘要循环中注册。因此,firstName、lastName、fullName和myFunction都会在摘要循环中注册。摘要循环中的每个变量都有一个监视程序
每当变量发生变化时,angularJS都会检查在摘要循环中注册的所有变量,并在视图中打印每个变量的最新值
假设-如果firstName是xxx,last name是yyy,您将firstName更改为xx。现在angular将检查firstName和lastName,并打印两者的最新值
因此,每当您对任何范围变量进行任何更改时,angulars表达式中的绑定函数都会被调用angulars页面非常有用。另一方面,w3学校..好吧。也许这有助于:阅读此内容:您需要真正阅读此内容,避免w3学校像瘟疫一样。当您在angular的web上有真正的文档时网站,为什么你需要去别处看看?你不需要调用函数来获取全名。angularjs提供动态绑定,当你切换到控制器时,它会自动反射html。这一个解释了更多,我想要。也谢谢你的摘要信息。