做爰高潮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
主站蜘蛛池模板: 织金县| 景泰县| 江西省| 海口市| 鄄城县| 磴口县| 新疆| 通城县| 饶阳县| 通榆县| 大荔县| 西乌珠穆沁旗| 鄂伦春自治旗| 湘阴县| 丹凤县| 闻喜县| 舞钢市| 柳州市| 祁阳县| 荆门市| 威远县| 绿春县| 高雄县| 龙胜| 兴安盟| 宽甸| 东光县| 通化县| 通河县| 崇明县| 虹口区| 镇江市| 呼玛县| 林西县| 文水县| 普格县| 云安县| 大洼县| 石渠县| 洞口县| 余江县|