ng-controller无法正确评估表达式

时间:2015-12-22 23:18:50

标签: angularjs

我的代码:

SettingsContainer

头部的控制器还没有功能,现在它可以正常工作。在输入字段中,您输入一个数字,并在此数字下方显示格式为货币(德语)。

当我在正文中添加<!DOCTYPE html> <html ng-app lang="de"> <head> <script src="angular.js" type="text/javascript"></script> <script src="angular-locale_de-de.js" type="text/javascript"></script> <script> function CostCtrl($scope){ $scope.cost = 1; } </script> </head> <body> <div> <p> <label for="cost">Nettobetrag</label> <input type="text" name="cost" ng-model="cost" autofocus> </p> <p>Nettobetrag {{cost|currency}}</p> </div> </body> </html> 时,如视频中所述,输出是未呈现的ng-controller="CostCtrl"

这是否意味着我无法将我的角度脚本内联?这是版本冲突吗?我使用的是Angularjs 1.4.8

1 个答案:

答案 0 :(得分:0)

您需要使用正在引导的角度模块注册您的控制器。

首先,创建一个用于实例化应用程序的角度模块:

var mod = angular.module('myModule', []);

然后,确保您的页面已被引导以包含此模块

<html ng-app="myModule" lang="de">

设计完控制器后,将其包含在模块中

mod.controller('CostCtrl', CostCtrl);

Angular不会自动搜索全局命名空间来查找您的函数。您必须明确注册。

您可以在angular ng-app reference中阅读更多内容。

除了没有实例化模块之外,你的代码看起来还不错。