AngularJs ng-bind-template指令

2017-10-24  本文已影响11人  报告老师

ng-bind-template指令可以用于制定数据绑定模版,下面的例子绑定两个分离数据的

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

</head>

<body>

<div ng-app="myApp" ng-controller="mCtrl">

<p ng-bind-template="{{firstName}} {{lastName}}"></p>

</div>

<script>

var app = angular.module("myApp",[]);

app.controller("mCtrl",function($scope){

$scope.firstName = "hello";

$scope.lastName = "world";

});

</script>

输出结果:hello world

注:hello与world是分离的

问题记录:我发现有些版本的angularjs并不能直接使用这个指令,原因找寻中。

上一篇下一篇

猜你喜欢

热点阅读