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的替代方法。