美文网首页
AngularJs ng-bind-template指令

AngularJs ng-bind-template指令

作者: 报告老师 | 来源:发表于2017-10-24 15:38 被阅读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并不能直接使用这个指令,原因找寻中。

    相关文章

      网友评论

          本文标题:AngularJs ng-bind-template指令

          本文链接:https://www.haomeiwen.com/subject/nsfxpxtx.html