資訊專欄INFORMATION COLUMN
摘要：寫(xiě)的時(shí)候碰到很多問(wèn)題，因?yàn)閯傞_(kāi)始用，寫(xiě)法思路還是和寫(xiě)相似，導(dǎo)致與在一個(gè)生成下拉框時(shí)花費(fèi)了個(gè)小時(shí)才最終搞定。不自覺(jué)的用自己所熟悉的方式思考問(wèn)題，付出了慘重的代價(jià)
實(shí)在是不能對(duì)jquery的ajax方法和基于頁(yè)面dom的各種取值、傳值方法滿意（雖然jquery已經(jīng)解救過(guò)我一次了），剛好手上這個(gè)項(xiàng)目用jquery的方法寫(xiě)了一半，決定試試很久以前自學(xué)的angularJS，把現(xiàn)在項(xiàng)目中jquery得部分用angularJS重寫(xiě)一遍。
寫(xiě)的時(shí)候碰到很多問(wèn)題，因?yàn)閯傞_(kāi)始用，寫(xiě)法思路還是和寫(xiě)jquery相似，導(dǎo)致與在一個(gè)生成select option下拉框時(shí)花費(fèi)了2個(gè)小時(shí)才最終搞定。
普通html select option, 需要該字段名稱name，選線id，選項(xiàng)label
jquery的取選項(xiàng)得做法
select_id = $("#data_select option:selected").val();
jqueryde的思路大概是上面這樣的，但是使用了angularJS后，著實(shí)讓我迷惑了
angularJS在select下使用ng-option 標(biāo)簽生成選項(xiàng)實(shí)例
生成的html dom如下：
看見(jiàn)這個(gè)輸出，我發(fā)現(xiàn)沒(méi)法把id寫(xiě)在option > value上
這豈不是無(wú)法獲取選項(xiàng)信息了？這不行，萬(wàn)萬(wàn)不行 。結(jié)果開(kāi)始了長(zhǎng)時(shí)間的google，還是沒(méi)有解決辦法，就只能生成這種只有l(wèi)abel的option，這咋辦呢？難道要用ng-repeat生成option？
我甚至開(kāi)始這么嘗試了，但是我的理智戰(zhàn)勝了偷懶的邪念，決定通過(guò)ng-click取model里的值看一看，結(jié)果console.log出來(lái)一看，發(fā)現(xiàn)自己一個(gè)多小時(shí)都傻x了?？纯碿onsole里的結(jié)果：
Object {bubble_name: "ab", bubble_description: "b", x: Object, y: Object, series: Object}
bubble_description: "b"
bubble_name: "ab"
series: Object
x: Object
y: Object
date: "2014-03-11 09:03:22"
description: ""
disable_flag: "1"
id: "9"
name: "y3"
position: "1"
team_id: "8"
type: "y"
__proto__: Object
__proto__: Object
angularJS根據(jù)model的名稱早就把每個(gè)相關(guān)的input的值自動(dòng)放在Object中了
根本不在需要什么value=‘id’，只要把model的object從接口中取出來(lái)，放在html頁(yè)面上，、選中的option的全部數(shù)據(jù)angularJS自動(dòng)就幫我取到controller中得點(diǎn)擊事件中去了。
不自覺(jué)的用自己所熟悉的方式思考問(wèn)題，付出了慘重的代價(jià)文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/78047.html
摘要：的中設(shè)置默認(rèn)值在開(kāi)發(fā)的后臺(tái)系統(tǒng)中，經(jīng)常需要對(duì)后臺(tái)數(shù)據(jù)進(jìn)行修改，而在修改數(shù)據(jù)的過(guò)程中，若頁(yè)面中有下拉框，需要讓其選中原來(lái)的數(shù)據(jù)，即中需要設(shè)置默認(rèn)值。默認(rèn)值設(shè)置方法在中使用綁定數(shù)據(jù)，在對(duì)應(yīng)的中定義全局?jǐn)?shù)據(jù)，并為其賦值，該值即為的默認(rèn)值。 angular 的 select 中 ng-options 設(shè)置默認(rèn)值 在AngularJS 開(kāi)發(fā)的后臺(tái)web系統(tǒng)中，經(jīng)常需要對(duì)后臺(tái)數(shù)據(jù)進(jìn)行修改，而在修改...
流行框架 簡(jiǎn)介 angularjs是一款非常優(yōu)秀的前端高級(jí)JS框架，由谷歌團(tuán)隊(duì)開(kāi)發(fā)維護(hù)，能夠快速構(gòu)建單頁(yè)web應(yīng)用，化繁為簡(jiǎn) 無(wú)論是angularjs還是jQuery都是用原生JS封裝的 庫(kù)：對(duì)代碼進(jìn)行封裝，調(diào)用封裝的方法，簡(jiǎn)化操作 傳統(tǒng)方式是用get方式獲取元素，然后點(diǎn)方法 jQuery庫(kù)實(shí)現(xiàn)了對(duì)獲取方式的封裝，對(duì)方法的封裝 框架：提供代碼書(shū)寫(xiě)規(guī)則，按照規(guī)則去寫(xiě)代碼，框架會(huì)幫我們實(shí)現(xiàn)響應(yīng)的功能...
摘要：功能數(shù)據(jù)綁定的雙向數(shù)據(jù)綁定，一方面可以做到變化驅(qū)動(dòng)了中元素變化，另一方面也可以做到元素的變化也會(huì)影響到。其次告訴，對(duì)頁(yè)面上的這個(gè)進(jìn)行雙向數(shù)據(jù)綁定。第三告訴，在這個(gè)指令模版上顯示這個(gè)的數(shù)據(jù)。作用域是一個(gè)把一個(gè)元素連結(jié)到上的對(duì)象。 功能 數(shù)據(jù)綁定 AngularJS的雙向數(shù)據(jù)綁定，一方面可以做到model變化驅(qū)動(dòng)了DOM中元素變化，另一方面也可以做到DOM元素的變化也會(huì)影響到Model。 ...
摘要：總的來(lái)說(shuō)，收獲很大。這里這里就以一些常用的標(biāo)簽談?wù)勚械幕A(chǔ)知識(shí)。然后還有一個(gè)表示記錄的索引號(hào)，從開(kāi)始。已經(jīng)用這個(gè)數(shù)組的值替他們分好了組了，是不是感覺(jué)很強(qiáng)大，還有很多強(qiáng)大的地方等著我們?nèi)W(xué)習(xí)，掌握它，還有更強(qiáng)大的等著我們。 周三的時(shí)候跟著老師簡(jiǎn)單的入門(mén)了angularjs，然后去圖書(shū)館找了一本《Angularjs實(shí)戰(zhàn)》來(lái)看了看，雖然這本書(shū)網(wǎng)上的評(píng)價(jià)不太高，但對(duì)于初學(xué)者的我來(lái)說(shuō)還是不錯(cuò)的，...
摘要：可選參數(shù)，布爾值或者對(duì)象默認(rèn)值為，可能取值默認(rèn)值。布爾值或者字符，默認(rèn)值為這個(gè)配置選項(xiàng)可以讓我們提取包含在指令那個(gè)元素里面的內(nèi)容，再將它放置在指令模板的特定位置。 前言 最近學(xué)習(xí)了下angularjs指令的相關(guān)知識(shí)，也參考了前人的一些文章，在此總結(jié)下。 歡迎批評(píng)指出錯(cuò)誤的地方。 Angularjs指令定義的API showImg(https://segmentfault.com/img...
閱讀 1084·2021-09-26 09:55
閱讀 3668·2021-09-24 10:30
閱讀 1451·2021-09-08 09:36
閱讀 2634·2021-09-07 09:58
閱讀 671·2019-08-30 15:56
閱讀 854·2019-08-29 18:32
閱讀 3767·2019-08-29 15:13
閱讀 1906·2019-08-29 13:49
