当前位置: 首页 > news >正文

ionic入门之数据绑定显示-1

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/71270393

[(ngModel)]是一个Angular语法,用于把hero.name绑定到输入框中。 它的数据流是双向的:从属性到输入框,并且从输入框回到属性。
如果将NgModel使用之后,程序崩溃了。 打开浏览器的控制台,如果看到:"ngModel ... isn't a known property of input."(ngModel不是input元素的已知属性)
虽然NgModel是一个有效的Angular指令,但它默认情况下是可用的。 它属于可选模块FormsModule。 如果不可用,那么我们必须在app.module.ts中引入FormsModule模块。



<ion-content padding>
  <div>
    <h1>{{title}}</h1>
    <h2>{{hero.name}} details!</h2>
    <div><label>id: </label>{{hero.id}}</div>
    <div>
      <label>name: </label>
      <input [(ngModel)]="hero.name" placeholder="name">
    </div>
  </div>
</ion-content>


import { Component } from '@angular/core';

export class Hero {
  id: number;
  name: string;
}

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})

export class AboutPage {
  title = 'Tour of Heroes';
  hero: Hero = {
    id: 1,
    name: 'Windstorm'
  };  
}


相关文章:

  • TFS 测试用例导入、导出工具
  • IntelliJ IDEA搭建SpringBoot
  • Hadoop OutputFormat浅析
  • php7 安装yar 生成docker镜像
  • 闪屏完善
  • vSphere
  • sed awk 练习
  • 利用数组创建的顺序表实现各种功能
  • 公司管理系列--80% of Your Culture is Your Founder(FaceBook)
  • 一道有趣的啤酒趣味题
  • Oracle 12C 新特性之表分区带 异步全局索引异步维护(一次add、truncate、drop、spilt、merge多个分区)...
  • javaWeb_使用标签库简化jsp
  • 地图后台判断一点是否在一个区域内
  • 思科路由器DHCP配置(GNS3模拟)
  • 冲刺(8)
  • “大数据应用场景”之隔壁老王(连载四)
  • exports和module.exports
  • js数组之filter
  • leetcode386. Lexicographical Numbers
  • Linux编程学习笔记 | Linux IO学习[1] - 文件IO
  • magento 货币换算
  • mongo索引构建
  • Odoo domain写法及运用
  • ubuntu 下nginx安装 并支持https协议
  • 表单中readonly的input等标签,禁止光标进入(focus)的几种方式
  • 从PHP迁移至Golang - 基础篇
  • 构造函数(constructor)与原型链(prototype)关系
  • 手写双向链表LinkedList的几个常用功能
  • 腾讯大梁:DevOps最后一棒,有效构建海量运营的持续反馈能力
  • 小程序、APP Store 需要的 SSL 证书是个什么东西?
  • 移动端解决方案学习记录
  • 用quicker-worker.js轻松跑一个大数据遍历
  • ionic异常记录
  • ​一、什么是射频识别?二、射频识别系统组成及工作原理三、射频识别系统分类四、RFID与物联网​
  • #QT(一种朴素的计算器实现方法)
  • $分析了六十多年间100万字的政府工作报告,我看到了这样的变迁
  • (04)Hive的相关概念——order by 、sort by、distribute by 、cluster by
  • (2)(2.10) LTM telemetry
  • (2)nginx 安装、启停
  • (附源码)node.js知识分享网站 毕业设计 202038
  • (利用IDEA+Maven)定制属于自己的jar包
  • (四)鸿鹄云架构一服务注册中心
  • (自用)learnOpenGL学习总结-高级OpenGL-抗锯齿
  • .NET MAUI学习笔记——2.构建第一个程序_初级篇
  • .net用HTML开发怎么调试,如何使用ASP.NET MVC在调试中查看控制器生成的html?
  • @基于大模型的旅游路线推荐方案
  • [.NET]桃源网络硬盘 v7.4
  • [CareerCup] 17.8 Contiguous Sequence with Largest Sum 连续子序列之和最大
  • [LeetCode]剑指 Offer 42. 连续子数组的最大和
  • [NAND Flash 6.2] NAND 初始化常用命令:复位 (Reset) 和 Read ID 和 Read UID 操作和代码实现
  • [NOIP2000] 乘积最大
  • [Oh My C++ Diary]operator++()和operator++(int)的区别
  • [pyqt5]PyQt5窗体背景图片拉伸填充
  • [Symbol.toPrimitive](hint) hint 什么时候为 default?
  • [wp]“古剑山”第一届全国大学生网络攻防大赛 Web部分wp