您好,欢迎来到上往知道网络问答平台!
致力于提供建站技巧、常见问题等知识问答服务

【网站建设一条龙】【项城网站建设|项城网站制作|项城网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价-搭高端网站设计

分类:域名邮箱 | 浏览: 46次
2022-03-28 15:17:00


上往主营服务为网站建设网站推广网店设计网站建设企业网站网站制作网页设计网站建设企业网站制作网页制作等。服务范围:各城市都可以服务,需要咨询请拨打电话,免费咨询。

服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)


【项城网站建设|项城网站制作|项城网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价

网站建设.png

项城,位于河南省东南部,周口市下辖县级市,居黄河冲积平原南部,淮河主要支流沙颍河中游。位于河南、安徽两省交界处,大广高速、宁洛高速在市区交汇,106国道和5条省道穿越全境,漯阜铁路连接京广、京九,沙颍河航运直通长江,是豫东南较佳的人流、物流、资金流、信息流交汇点。2019年,项城市行政面积1086平方千米。 [31]  根据第七次人口普查数据显示,截至2020年11月1日零时,项城全市常住人口为 973197人。 [29] 
项城以味精、皮革、医药、纺织为支柱的工业体系,是中国最大的手工鞋生产基地、中国著名的莲花味精所在地,中西部通往长三角最近的水运城市。2011年荣获“中国最佳投资城市”、“中国十大发展潜力城市”称号。 [2]  2019年2月2日,被国家中医药管理局评为县级全国基层中医药工作先进单位。 [3]  2020年1月22日,被住房和城乡建设部命名为国家园林城市。 [4-5]  2020年2月13日,获得2019年度全国“平安农机”示范县称号。 [6] 
2019年,项城市地区生产总值3741814万元。

Angular 2 模板语法

前面几个章节我们已经接触了 Angular 的模板,本文我们将具体介绍 Angular 的语法使用。

模板扮演的是一个视图的角色,简单讲就是展示给用户看的部分。

  • HTML

  • 插值表达式

  • 模板表达式

  • 模板语句

  • 绑定语法

  • 属性绑定

  • HTML 属性、 class 和 style 绑定

  • 事件绑定

  • 使用 NgModel 进行双向数据绑定

  • 内置指令

  • * 与 <template>

  • 模板引用变量

  • 输入输出属性

  • 模板表达式操作符


HTML

HTML 是 Angular 模板的"语言",除了 <script> 元素是被禁用的外 ,其他 HTML 元素都是支持的,例如:

<h1>我的第一个 Angular 应用</h1>



插值表达式

插值表达式的语法格式为:{{ ... }}

插值表达式可以把计算的字符串插入HTML中,也可以作为属性值来使用。

<h3>  {{title}}  <img src="{{imageUrl}}" style="height:30px"></h3>

模板表达式

{{ ... }} 里头其实就是一个模板表达式,Angular 会对其进行求值并转化为字符串输出。

以下实例是两个数相加:

<!-- "The sum of 1 + 1 is 2" --><p>The sum of 1 + 1 is {{1 + 1}}</p>

我们可以使用 getVal() 来获取这个表达式的值:

<div class="example"><div class="example_code">[mycode3 type="html"]<!-- "4" --><p>{{1 + 1 + getVal()}}</p>

模板表达式类似 JavaScript 的语言,很多 JavaScript 表达式也是合法的模板表达式,但不是全部。

以下 JavaScript 表达式是禁止的:

  • 赋值表达式(=+=-=...)

  • new操作符

  • 带有;或者'的连接表达式

  • 自增和自减操作(++--) 其他与Javascript语法不同的值得注意的包括:

  • 不支持位运算符(|&

  • 模板表达式的操作符,如|?.等,被赋予了新的含义


属性绑定

模板的属性绑定可以把视图元素的属性设置为模板表达式 。

最常用的属性绑定是把元素的属性设置为组件中属性的值。 下面这个例子中, image 元素的 src 属性会被绑定到组件的 imageUrl 属性上:

<img [src]="imageUrl">

当组件为 isUnchanged( 未改变 ) 时禁用一个按钮:

<button [disabled]="isUnchanged">按钮是禁用的</button>

设置指令的属性:

<div [ngClass]="classes">[ngClass]绑定到classes 属性</div>

设置一个自定义组件的属性(这是父子组件间通讯的重要途径):

<user-detail [user]="currentUser"></user-detail>

HTML 属性(Attribute)、 class 和 style 绑定

模板语法为那些不太适合使用属性绑定的场景提供了专门的单向数据绑定形式。

属性(Attribute)、绑定

当元素没有属性可绑的时候,使用HTML标签属性(Attribute)绑定。

考虑 ARIA, SVG 和 table 中的 colspan/rowspan 等属性(Attribute) 。它们是纯粹的属性 。 它们没有对应的属性可供绑定。

以下实例会报错:

<tr><td colspan="{{1 + 1}}">Three-Four</td></tr>

我们会得到这个错误:

Template parse errors:Can't bind to 'colspan' since it isn't a known native property模板解析错误:不能绑定到'colspan',因为它不是已知的原生属性

正如提示中所说, <td> 元素没有 colspan 属性。 但是插值表达式和属性绑定只能设置 属性 ,而不是 Attribute,所以需HTML标签 Attribute 绑定来创建和绑定类似的Attribute。

HTML标签特性绑定在语法上类似于属性绑定,但中括号中的部分不是一个元素的属性名,而是由一个attr.的前缀和HTML标签属性的名称组成,然后通过一个能求值为字符串的表达式来设置HTML标签属性的值。如:

<table border=1>  <tr><td [attr.colspan]="1 + 1">One-Two</td></tr>  <tr><td>Five</td><td>Six</td></tr></table>

css类绑定

借助 CSS 类绑定 ,我们可以从元素的 class 属性上添加和移除 CSS 类名。

CSS 类绑定在语法上类似于属性绑定。但方括号中的部分不是一个元素的属性名,而是包括一个 class 前缀,紧跟着一个点 (.) ,再跟着 CSS 类的名字组成。 其中后两部分是可选的。例如: [class.class-name] 

下面的例子展示了如何通过css类绑定类添加和移除"special"类:

<!-- 标准HTML样式类设置 --><div class="bad curly special">Bad curly special</div><!-- 通过绑定重设或覆盖样式类  --><div class="bad curly special" [class]="badCurly">Bad curly</div><!-- 通过一个属性值来添加或移除special样式类 --><div [class.special]="isSpecial">这个样式比较特殊</div>



项城网站建设|项城网站制作|项城网站设计】网站开发-网站改版-网站维护-网站搭建-网站托管-网站费用-网站价格-网站多少钱-网站报价


我们的服务:

1、公司网站及推广套餐,数量有限,价格优惠,电话咨询!

2、本地化服务,由20位多年从事互联网经验的顾问共同创办。全包,而且价格相当优惠!省心又省钱!

5、7x24小时服务,节假日不休息

6、如有问题,只需一通电话!微信留言就帮你解决问题,专属客服一对一服务!

服务范围:各城市都可以服务,需要咨询请拨打电话,免费咨询

400电话办理| 书生商友软件|

服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)

满意回答
2022-03-28 15:17:00

相关问题

域名邮箱 更多+
热门地区
网站案例
  • 拉菲葡萄酒官方网站
  • HISENSE官方网站
  • 美国男人厨具官方网站
  • 万利达教育电子