加入收藏 | 设为首页 | 会员中心 | 我要投稿李大同（https://www.lidatong.com.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!

当前位置：首页 > 综合聚焦 > 服务器 > 安全 > 正文

AngularJS学习之旅—AngularJS 控制器(六)

发布时间：2020-12-17 10:38:47 所属栏目：安全来源：网络整理

导读：名: span style="color: #0000ff" span style="color: #800000"input span style="color: #ff0000"type span style="color: #0000ff"="text" span style="color: #ff0000" ng-model span style="color: #0000ff"="firstName" span style="color: #0000ff" sp

名: <span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="firstName"<span style="color: #0000ff">><<span style="color: #800000">br<span style="color: #0000ff">><span style="color: #000000">
姓: <span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="lastName"<span style="color: #0000ff">><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">><span style="color: #000000">
姓名: {{firstName + " " + lastName}}

<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">script<span style="color: #0000ff">>
<span style="background-color: #f5f5f5; color: #0000ff">var<span style="background-color: #f5f5f5; color: #000000"> app <span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000"> angular.module(<span style="background-color: #f5f5f5; color: #000000">'<span style="background-color: #f5f5f5; color: #000000">myApp<span style="background-color: #f5f5f5; color: #000000">'<span style="background-color: #f5f5f5; color: #000000">,[]);
app.controller(<span style="background-color: #f5f5f5; color: #000000">'<span style="background-color: #f5f5f5; color: #000000">myCtrl<span style="background-color: #f5f5f5; color: #000000">'<span style="background-color: #f5f5f5; color: #000000">,<span style="background-color: #f5f5f5; color: #0000ff">function<span style="background-color: #f5f5f5; color: #000000">($scope) {
$scope.firstName <span style="background-color: #f5f5f5; color: #000000">= <span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">John<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">;
$scope.lastName <span style="background-color: #f5f5f5; color: #000000">= <span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">Doe<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">;
});
<span style="color: #0000ff"></<span style="color: #800000">script<span style="color: #0000ff">>

内运行。

<span style="color: #0000ff"><<span style="color: #800000">head<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">meta <span style="color: #ff0000">charset<span style="color: #0000ff">="utf-8"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">script <span style="color: #ff0000">src<span style="color: #0000ff">="js/angular.min.js"<span style="color: #0000ff">></<span style="color: #800000">script<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">head<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">ng-app<span style="color: #0000ff">="myApp"<span style="color: #ff0000"> ng-controller<span style="color: #0000ff">="myCtrl"<span style="color: #0000ff">>
<span style="color: #008000"><span style="color: #000000">
名: <span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="firstName"<span style="color: #0000ff">><<span style="color: #800000">br<span style="color: #0000ff">><span style="color: #000000">
姓: <span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="lastName"<span style="color: #0000ff">><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">><span style="color: #000000">
姓名: {{firstName + " " + lastName}}
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">/>
<span style="color: #008000"><span style="color: #000000">
名: <span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="firstName"<span style="color: #0000ff">><<span style="color: #800000">br<span style="color: #0000ff">><span style="color: #000000">
姓: <span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="lastName"<span style="color: #0000ff">><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">><span style="color: #000000">
姓名: {{fullName()}}
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">/>
<span style="color: #008000"><span style="color: #000000">
名: <span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="firstName"<span style="color: #0000ff">><<span style="color: #800000">br<span style="color: #0000ff">><span style="color: #000000">
姓: <span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="lastName"<span style="color: #0000ff">><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">><span style="color: #000000">
姓名: {{fullName()}}
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">body<span style="color: #0000ff">>

<span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">script <span style="color: #ff0000">src<span style="color: #0000ff">="js/AngularJS 控制器.js"<span style="color: #0000ff">></<span style="color: #800000">script<span style="color: #0000ff">>

AngularJS 控制器.js

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

相关内容

推荐文章

站长推荐

热点阅读