美文网首页
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指令

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

  • Angular相关指令

    AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应...

  • AngularJS 参考手册

    AngularJS 指令 本教程用到的 AngularJS 指令 : 过滤器解析 AngularJs 过滤器。 A...

  • AngularJS (2)

    AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令...

  • AngularJS 指令

    AngularJS 指令 背景 什么是AngularJS指令? 一、内置指令 二、自定义 概念 模块对象app,提...

  • AngularJS使用

    AngularJS实现MVC AngularJS模块化Module AngularJS指令系统 AngularJS...

  • Angular基础学习-01

    本节包括:AngularJS表达式、AngularJS指令、AngularJS模型、AngularJS的Scope...

  • 15. Angular的内置指令(过滤器)

    AngularJS中自定义指令处理 以ng开头的指令都是内置指令。 内置指令是AngularJS已经处理,使用内置...

  • Angular

    AngularJS 通过 ng-directives(指令)扩展了HTML AngularJS 通过内置的指令来为...

  • AngularJS 参考手册

    作者:Zyao89;转载请保留此行,谢谢; AngularJS 指令 AngularJS 事件 AngularJS...

网友评论

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

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