gpt4 book ai didi

javascript - 在 Angular 上调用 Controller 方法

转载 作者:行者123 更新时间:2023-11-27 23:34:30 28 4
gpt4 key购买 nike

这是我尝试制作的第一个 Angular 应用程序,让我们看看

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;
};
})

和 View

<!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>

我可以使用 marca 和 modelo 属性,但无法使用函数 ¿什么是错的?

最佳答案

您可以通过 methodName 直接调用 Controller 范围内可用的方法,它应该如下所示,

<p>{{nombreCompleto()}}</p>

关于javascript - 在 Angular 上调用 Controller 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34230774/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com