美文网首页
如何通过ng-bind绑定变量

如何通过ng-bind绑定变量

作者: 王小冬 | 来源:发表于2017-11-27 15:25 被阅读11次

html代码:

<div ng-app="MyApp">
    <div ng-controller="MyController">
        <div>
            <div ng-bind="cdkey.name">
            初始值
        </div>
        <div>{{cdkey.name}}</div>
        <input type="text" ng-model="cdkey.name">
            {{cdkey.name}}
        </div>
            <hr>
            <div>
            <div ng-bind="cdkey.key">
            初始值
        </div>
        <div>{{cdkey.key}}</div>
        <input type="text" ng-model="cdkey.key">
            {{cdkey.key}}
        </div>
    </div>
</div>

js代码

angular.module("MyApp", [])
.controller("MyController", ["$scope", function($scope){
    $scope.cdkey = {
        name: {
            hello: "Hello, World"
        },
        key: "hello"
    }
}])

相关文章

  • 如何通过ng-bind绑定变量

    html代码: js代码

  • ng-bind和{{}} ng-model区别

    AngularJS的数据绑定有 ng-bind 和 ng-model :ng-bind是从 scope−>view...

  • AngularJS的数据双向绑定是怎么实现的?

    ?: 关于 AngularJS 的数据绑定 单向绑定(ng-bind) 和 双向绑定(ng-model) 的区别:...

  • angular基本概念

    1. 双向绑定 ng-model: 数据<->视图(输入控件) 单向绑定(输出) ng-bind: 数据->视图 ...

  • Angular

    ng-bind指令的两种写法: AngularJS 表达式把数据绑定到 HTML,这与ng-bind指令有异曲同工之妙。

  • AngularJs模版与ng-bind

    简介 ng-bind与{{}}都可以对数据进行绑定,但是二者有区别的,ng-bind不好,为什么说ng-b...

  • 【Python】笔记17(实例属性、类属性/__slots__)

    类创建的实例可以任意绑定属性,给实例绑定属性的方法是通过实例变量或者通过self变量,如对def里面的self绑定...

  • 数据绑定

    1.理论知识 ng-model: 双向数据绑定 ng-bind: 单向数据绑定,等价于{{}} 2. ng_mo...

  • 01 例子

    1、ng之定时器,作用域的小例子 MVC 2、数据绑定 ng-bind 单项数据绑定 可以绑定很多标签 ng-b...

  • ng-bind指令

    概述 ng-bind指令是一个把数据模型里的数据和元素绑定的指令,ng-bind实际上有三种形式的指令: 详细说明...

网友评论

      本文标题:如何通过ng-bind绑定变量

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