Javascript 在angular上调用控制器方法
这是我尝试制作的第一个角度应用,让我们看看Javascript 在angular上调用控制器方法,javascript,angularjs,angularjs-scope,angularjs-controller,Javascript,Angularjs,Angularjs Scope,Angularjs Controller,这是我尝试制作的第一个角度应用,让我们看看 var app = angular.module('miApp', []); app.controller('CochesController', function($scope) { $scope.coche ={ marca:"Renault", modelo:"Clio", }; $scope.nombreCompleto = function(){ var x = $scope.coche; r
var app = angular.module('miApp', []);
app.controller('CochesController', function($scope) {
$scope.coche ={
marca:"Renault",
modelo:"Clio",
};
$scope.nombreCompleto = function(){
var x = $scope.coche;
return x.marca+" "+x.modelo;
};
})
那景色呢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link href="style.css" rel="stylesheet" />
<script data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js" data-require="angular.js@1.4.x"></script>
<script data-require="angular.js@1.4.x" data-semver="1.4.8" src="script.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="miApp" ng-controller="CochesController">
<p>{{coche.nombreCompleto()}}</p>
</body>
</html>
安古拉斯普朗克
文件。写(“”);
{{coche.nombreCompleto()}}
我可以使用属性marca和modelo,但我不能使用函数?有什么不对?您可以通过methodName直接调用控制器范围内可用的方法,如下所示
<p>{{nombreCompleto()}}</p>
{{{nombreCompleto()}
很有效,谢谢,我没有试过使用{{coche.marca}}},我认为函数也是如此。@AFS很乐意帮助您。。谢谢:)作为补充说明,我还建议您查看“controller As”语法,该语法被推荐为将所有内容分配给$scope的替代方法。