做爰高潮a片〈毛片〉,尤物av天堂一区二区在线观看,一本久久A久久精品VR综合,添女人荫蒂全部过程av

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

Angularjs單選框相關的示例代碼

來源:懂視網 責編:小采 時間:2020-11-27 22:32:26
文檔

Angularjs單選框相關的示例代碼

Angularjs單選框相關的示例代碼:本文介紹了Angularjs單選框相關的示例代碼,分享給大家。具體如下: 使用angular1.6.5 1.ng 獲取ng-repeat遍歷出來的radio的value 1)普通形式(不使用ng-repeat) 可以正常顯示 <input type=radio name=t1 ng-m
推薦度:
導讀Angularjs單選框相關的示例代碼:本文介紹了Angularjs單選框相關的示例代碼,分享給大家。具體如下: 使用angular1.6.5 1.ng 獲取ng-repeat遍歷出來的radio的value 1)普通形式(不使用ng-repeat) 可以正常顯示 <input type=radio name=t1 ng-m

本文介紹了Angularjs單選框相關的示例代碼,分享給大家。具體如下:

使用angular1.6.5

1.ng 獲取ng-repeat遍歷出來的radio的value

1)普通形式(不使用ng-repeat)

可以正常顯示

 <input type="radio" name="t1" ng-model="demo" value="a">a <br>
 <input type="radio" name="t1" ng-model="demo" value="b">b
 <h2>{{demo}}</h2>

不使用ng-repeat

2)使用ng-repeat

則無法顯示

 <label ng-repeat="x in arrStr">
 <input type="radio" name="type1" ng-model="demo" value="{{x}}">
 {{x}}
 </label>
 {{demo}}

3)解決2的問題

若使用ng-repeat則必須在ng-model中加入$parent

 <div ng-app="myApp" ng-controller="myCtrl">
 <label ng-repeat="x in arrStr">
 <input type="radio" name="demo" value="{{x}}" ng-model="$parent.demo">{{x}}
 </label>
 <h1>{{demo}}</h1>
 </div>

成功顯示

原因:因為在ng-repeat中,$scope的作用域不是全局的,相當于局部變量,無法在全局訪問到其中變量。所以要使用$parent來使其成為全局變量,可全局訪問。

2.ng使用單選框的例子

從json動態生成,數據綁定

1)生成單選框的 json 數據

 [{
 "display":"開關",
 "data_range":["true","false"]
 },
 {
 "display":"工作模式",
 "data_range":["自動","手動"]
 }]

2)HTML代碼

由json數據可以看出,需要使用兩個ng-repeat,一個用來遍歷整體,一個用來遍歷選項

 <div ng-app="myApp" ng-controller="myCtrl">
 <div ng-repeat="x in str">
 <span>{{x.display}}:</span>
 <label ng-repeat="y in x.data_range">
 <input type="radio" name="{{x.display}}" ng-model="$parent.demo" value="{{y}}">{{y}} 
 </label>
 你的選擇:{{demo}}
 </div>
 </div>

3)js代碼

由于用的固定數據,就是簡單的初始化

var app = angular.module("myApp", [])
 app.controller("myCtrl", function($scope, $log, $http){
 $scope.str = [
 {
 "display":"開關",
 "data_range":["true","false"]
 },
 {
 "display":"工作模式",
 "data_range":["自動","手動"]
 }
 ]
 })

4)結果截圖

結果截圖

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Angularjs單選框相關的示例代碼

Angularjs單選框相關的示例代碼:本文介紹了Angularjs單選框相關的示例代碼,分享給大家。具體如下: 使用angular1.6.5 1.ng 獲取ng-repeat遍歷出來的radio的value 1)普通形式(不使用ng-repeat) 可以正常顯示 <input type=radio name=t1 ng-m
推薦度:
標簽: js 代碼 實例
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 新和县| 玛曲县| 彰化县| 安龙县| 无棣县| 石屏县| 麦盖提县| 长宁区| 司法| 阿克苏市| 南开区| 台安县| 来宾市| 睢宁县| 莱州市| 田阳县| 五华县| 自治县| 博野县| 广平县| 泰来县| 绥中县| 鄂尔多斯市| 慈利县| 榆社县| 安新县| 揭阳市| 桃江县| 晋州市| 临潭县| 象州县| 庆安县| 盐城市| 太谷县| 隆子县| 新田县| 哈尔滨市| 安多县| 来宾市| 涡阳县| 松桃|