【angularjs】ng-bind
在我们项目中,经常将我们的angularjs.js 文件放到html页面最下面。在这样的情况下,如果网络慢,那么在js文件未加载完成的时候,用户可能就会在页面看到一堆{{name}}等表达式。为了解决问题,我们使用ng-bind
demo
index.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>
<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";
});
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
