当前位置: 首页 > 编程笔记 >

深入浅析AngularJs模版与v-bind

子车鸿才
2023-03-14
本文向大家介绍深入浅析AngularJs模版与v-bind,包括了深入浅析AngularJs模版与v-bind的使用技巧和注意事项,需要的朋友参考一下

简介

v-bind与{{}}都可以对数据进行绑定,但是二者有区别的,v-bind不好,为什么说v-bind不好是因为v-bin做了完全替换的错做,如果你想做字符串的拼接那么v-bind不是很好的选择,下面看例子。

代码段来喽

比如我们有个这样的需求我们定义一个变量a和一个变量b,计算变量a*b的值显示出来。

我去多简单呀,这玩意也好意思写简书,快回家种地吧!哈哈。

我们要的输出样式是酱紫的(a*b)=>a*b例如:(3*4)=>12

<div ng-app="" ng-init="a=3;b=4">
<input type="text" ng-model="a"/>*<input type="text" ng-model="b" />
=<span v-bind="a*b">结果是:</span>
</div>

这种做法会将整个span标签上的text都会替换掉结果只显示12

<div ng-app="" ng-init="a=3;b=4">
<input type="text" ng-model="a"/>*<input type="text" ng-model="b"/>
=<span>({{a}}*{{b}}=>{{a*b}})<span/>
</div>

所以做开发的时候尽量使用{{}}。

总结

以上所述是小编给大家介绍的AngularJs模版与v-bind,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍深入浅析Nodejs的Http模块,包括了深入浅析Nodejs的Http模块的使用技巧和注意事项,需要的朋友参考一下 一、http服务器     我们知道传统的HTTP服务器是由Aphche、Nginx、IIS之类的软件来搭建的,但是Nodejs并不需要,Nodejs提供了http模块,自身就可以用来构建服务器,例如: http模块中封装了一个HTTP服务器和一个简易的HTTP客户端

  • 本文向大家介绍深入浅析Node.js单线程模型,包括了深入浅析Node.js单线程模型的使用技巧和注意事项,需要的朋友参考一下 Node.js采用 事件驱动 和 异步I/O 的方式,实现了一个单线程、高并发的运行时环境,而单线程就意味着同一时间只能做一件事,那么Node.js如何利用单线程来实现高并发和异步I/O?本文将围绕这个问题来探讨Node.js的单线程模型: 1、高并发 一般来说,高并发的

  • 本文向大家介绍深入浅析JS中的严格模式,包括了深入浅析JS中的严格模式的使用技巧和注意事项,需要的朋友参考一下 什么是严格模式? 使JS编码更加规范化的模式,消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为 怎么使用? 直接添加下面的这句字符串就可以了,这种语法可以向后兼容,如果是不支持严格模式的javascript引擎,就会直接当成是一个未赋值的字符串字面量,会直接忽略,支

  • 本文向大家介绍深入浅析Python 命令行模块 Click,包括了深入浅析Python 命令行模块 Click的使用技巧和注意事项,需要的朋友参考一下 Click 是用 Python 写的一个第三方模块,用于快速创建命令行。我们知道,Python 内置了一个 Argparse 的标准库用于创建命令行,但使用起来有些繁琐,Click 相比于 Argparse,就好比 requests 相比于 url

  • 这个文档是从侯捷网站提供的繁体板简体化过来的。由于排版问题,有些繁体的术语在换行时候没有被替换,所以遇到问题大家可以对照原文比较一下。

  • 本文向大家介绍深入浅析C++多态性与虚函数,包括了深入浅析C++多态性与虚函数的使用技巧和注意事项,需要的朋友参考一下 派生一个类的原因并非总是为了继承或是添加新的成员,有时是为了重新定义基类的成员,使得基类成员“获得新生”。面向对象的程序设计真正的力量不仅仅是继承,而且还在于允许派生类对象像基类对象一样处理,其核心机制就是多态和动态联编。 (一)多态性   多态是指同样的消息被不同的对象接收时导