我的代码:
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
答案 0 :(得分:0)
您需要使用正在引导的角度模块注册您的控制器。
首先,创建一个用于实例化应用程序的角度模块:
var mod = angular.module('myModule', []);
然后,确保您的页面已被引导以包含此模块
<html ng-app="myModule" lang="de">
设计完控制器后,将其包含在模块中
mod.controller('CostCtrl', CostCtrl);
Angular不会自动搜索全局命名空间来查找您的函数。您必须明确注册。
您可以在angular ng-app reference中阅读更多内容。
除了没有实例化模块之外,你的代码看起来还不错。