【angularjs】ng-bind
瞿宏儒
在我们项目中，经常将我们的angularjs.js 文件放到html页面最下面。在这样的情况下，如果网络慢，那么在js文件未加载完成的时候，用户可能就会在页面看到一堆{{name}}等表达式。为了解决问题，我们使用ng-bind
demo
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>控制器</title>
</head>
<body >
<div ng-app="myapp">
<div ng-controller="mycontroller">
<input type="text" value="" ng-model="name">
<div ng-bind="name"></div>
</div>
</div>
<script>
</script>
<!--需要引入angularjs和我们自定义的控制器的js-->
<script src="../angularjs/js/angular.js"></script>
<script src="index.js"></script>
</body>
</html>
index.js
var app = angular.module('myapp', []);
app.controller('mycontroller', function($scope) {
$scope.name="zhangsan";
});
类似资料：