Angular 学习笔记——$interpolate

<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="angular.min.js"></script>
<script>
    var m1 = angular.module(‘myApp‘,[]);
    m1.controller(‘may‘,[‘$scope‘,‘$interpolate‘,function ($scope,$interpolate){
        $scope.$watch(‘key‘,function(newVal){
            if(newVal){
                var temp = $interpolate(newVal);
                $scope.showtime = temp({name:$scope.name})
            }
        });
        $scope.$watch(‘name‘,function(newVal){
            if(newVal){
                var temp = $interpolate(newVal);
                $scope.showtime = temp({name:$scope.name})
            }
        })
    }])
</script>
</head>

<body ng-controller=‘may‘>
    <input type="text" ng-model=‘name‘>
    <textarea ng-model=‘key‘></textarea>
    <p>{{showtime}}</p>
</body>
</html>
时间: 2024-10-22 02:08:43

Angular 学习笔记——$interpolate的相关文章

angular学习笔记(一)

入门实例: 一个购物车产品清单,可以自行改变数量,总价自动计算的小例子: 代码如下: <!DOCTYPE html> <html ng-app> <head> <title>1.1实例:购物车</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="

angular 学习笔记

每天进步一点点,学习笔记 笔记来自  angular权威指南 如果想要屏蔽浏览器对表单的默认验证行为,可以在表单元素上添加 novalidate 标记. 而按钮标签则完全忽略 hr e f 属性,并不会在被点击时有同样的行为. 指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径.例如,我们可以创建一个自定义元素,它实现了 <video> 标签的功能并且能在所有浏览器中工作: directive() 方法返回的对象中包含了用来定义和配置指令所需的方法和属性. 声明指令本质上是

angular学习笔记

时隔一年之后重新学习angularJS,感慨良多. 去年刚刚接触web编程的时候,朋友告诉我angularJS很好用,于是在仅仅了解HTML和css开始学习angularJS,困难程度可想而之,而且并不明白其价值,武断的认为通过服务端可以不需要angular之类的工具解决所有问题.一年之后,对js的语法相对熟悉,尝试过自己写一个网站之后,不但非常快速的掌握了angularJS的大致内容,而且明白angular的价值.由此也可以说明只有在大量的实践之后,自身抽象问题的能力才会提高. angular

Angular 学习笔记——$http

<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></scrip

angular学习笔记1

Angular发展史: 12年,angularJS1.0.0正式版推出:亮点功能基本齐备,如双向绑定.依赖注入.指令等: AngularJS1.3.x放弃支持IE8,推出了单次绑定语法: AngularJS1.5.x增加类似组件式书写体验,主要为过渡angular2做铺垫: Angular1.x困境: 性能问题.落后于当前web发展理念,如组件式开发方式.对手机端支持不够友好 Angular2新特性: 移除controller+$scope设计,改用组件式开发,更易上手: 性能更好(渲染更快,变

Pandoc 学习笔记

Pandoc 学习笔记

GIT & GitHub 学习笔记

SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活, 干完后,需要把自己做完的活推送到中央服务器.集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大,速度够快,如果在互联网下,如果网 速慢的话,就纳闷了. Git是分布式版本控制系统,那么它就没有中央服务器的,每个人的电脑就是一个完整的版本库,这样,工作的时候就不需要联网了,因为版本都是在自己的电脑 上.既然每个人的电脑都有一个完整的版本库

【DAY12】第十二天集合&泛型&IO学习笔记

hash:散列 ------------------ Hashset集合内部是通过HashMap进行实现的.使用的是HashMap中key部分. 对象在添加进集合中时,首选会对hashcode进行处理(hashcode右移16位和 自身做异或运算)得到一个经过处理的hash值,然后该值和集合的容量进行 &运算,得到介于0和集合容量值之间一个数字.该数字表示着数组的下标. 也就是该元素应该存放在哪个元素中. Map与Collection -------------- Map与Collection在

HTML5+Bootstrap 学习笔记 4

HTML5 <map> <area> 标签 <map> 标签定义客户端的图像映射.图像映射是带有可点击区域的图像. <area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像). area 元素始终嵌套在 <map> 标签内部. 1 <img src ="planets.gif" alt="Planets" usemap ="#planetmap" /> 2