Angular Java 脚本在浏览器中显示 {{message}}

angular java脚本在浏览器中显示{{message}}.我尝试了所有可能的方法，但仍然很糟糕。

var myApp=angular.module("mod",[]);
myApp.controller("con", function($scope){
$scope.message = "hhhhhhhh";
});

<html ng-app="mod">
    <head>
	<script src="bower_components/angular/angular.js"></script>
	<script src="sample.js"></script>
	</head>
<body ng-controller="con">
<div>
 {{message}}
</div>
</body>
 </html>

在正文的末尾包含您的样本.js(DOM 操作(，另外，它是

<script src="sample.js"></script>

不

<script type="sample.js"></script>

请参阅以下适用于您的代码的 plunker：

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

因此，也许您在以下位置没有角度.js文件bower_components/angular/angular.js

因此，请使用 CDN 而不是<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

您可以使用 ng-cloak 指令。

<html ng-app="mod">
<head>
<script src="bower_components/angular/angular.js"></script>
<script src="sample.js"></script>
</head>
<body ng-controller="con">
 <div ng-cloak>
  {{message}}
 </div>
</body>
</html>

相关内容

最新更新

热门标签：