Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何调用angular中的控制器?_Javascript_Angularjs - Fatal编程技术网

Javascript 如何调用angular中的控制器?

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”

我想绑定全名=firstname+lastname

我在w3学校看到过这个例子。但我无法理解

我的问题是函数是如何被调用的?有听众吗?

有人能详细地解释一下吗。对不起,我是新手

我的代码是:

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。这一个解释了更多,我想要。也谢谢你的摘要信息。