gpt4 book ai didi

html - AngularJS 错误,值未替换 {{clientCount}}

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

我为糟糕的格式道歉。基本上,“clientCount”在我的屏幕上显示为 {{clientCount}},而不是整数“10”。有任何想法吗?谢谢你!

   var app = angular.module('metaDashboard', []);

/**This is for the meta-dashboard home page
*/
app.controller('TotalNumberController', ['$scope', function($scope) {
$scope.clientCount = '10';
$scope.campaignCount = '20';
$scope.accountCount = '10';
$scope.userCount = '100';
}
]);
--------------------------------------------------------------------
<html lang="en" ng-app="app">
<body class="page-body" data-url="http://neon.dev" ng-app="app">
<div class="row" ng-controller="TotalNumberController">
<div class="icon"><i class="entypo-globe"></i></div>
<div class="num"> {{clientCount}} </div>
<h3>Clients</h3>
<p></p>
</div>
</body>
</html>

最佳答案

您的应用名为 metaDashboard 而不是 app,您应该将代码更改为以下内容:

<html lang="en" ng-app="metaDashboard">

还要确保您的 head 部分中包含 angular.js 文件。

完整片段:

var app = angular.module('metaDashboard', []);

app.controller('TotalNumberController', ['$scope', function($scope) {
$scope.clientCount = '10';
$scope.campaignCount = '20';
$scope.accountCount = '10';
$scope.userCount = '100';
}
]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.1/angular.js"></script>
<script src="script.js"></script>
</head>

<body ng-app="metaDashboard">
<div ng-controller="TotalNumberController">
<h1>{{clientCount}}</h1>
</div>

</body>

</html>

我还在此处包含了这个 Plunker 以供您演示它的工作原理:

https://plnkr.co/edit/t80RjCqjmE3y9bOkESo0?p=preview

作为附加说明,最好使用 ViewModel 语法而不是 $scope,我认为这是最佳实践,如果您曾经嵌套过 AngularJS Controller ,它可能会对您有所帮助。

关于html - AngularJS 错误,值未替换 {{clientCount}},我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39711601/

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