angularJs select框用法總結

2021-07-25 23:30:29 字數 873 閱讀 2434

我們都知道 angularjs中最大的乙個特性就是雙向繫結 $scope 和 ng-model的搭配使用.

要顯示的input框的值

實際傳給後台的值  我們把它設定成隱藏域

select框裡將要選擇的值

我們要做的是 把下拉框裡的值傳到input框裡   

例如 orgs  組織   

ng-options="  org.no  as  org.orgname  for  org in orgs"  顯示的是組織名稱  實際繫結到select 框裡 ng-model的是組織編號.

ng-options="  org.orgname  for  org in orgs"   顯示的組織名稱  但實際繫結到select 框裡ng-model的是組織這個物件.

input框裡要顯示的是組織名稱  但實際傳給後台的是組織編號

所以 js 中表示式應該這樣寫!!!!  用到的是 顯示的組織名稱  但實際繫結到select 框裡ng-model的是組織這個物件. 這個select 框.

$scope.orginput.orgname=$scope.orgselect.orgname;  將物件中的組織名稱傳給  要顯示的input框的值 中的ng-model

$scope.orginput.orgno=$scope.orgselect.orgno; 將物件中的組織編號傳給  我們把它設定成隱藏域input框 中的ng-model

如果想讓select 框預設顯示哪個組織名稱 我們可以將ng-model繫結為哪個物件  或組織編號 看 ng-options中跟ng-model繫結的是什麼

如果是物件  則$scope.orgselect=orgs[0]  如果是 組織編號 則$scope.orgselect=orgs[0].orgno;

AngularJS select詳細用法

select是 angularjs 預設的一組directive。下面是其官網api doc給出的用法 angularjs select 大意是,select中的ngoption可以採用和ngrepeat指令類似的迴圈結構,其data source可以是array或者是object。針對兩種data...

AngularJS select選擇框初始化問題

angularjs 中的select往往會遇到選擇框沒有初始化的問題,表現形式就是一開始為空,但是選擇後空白就消失。十分難看。比如說如下的select 如果不初始化的話就會遇到如上所述的問題。step.datasource datasources 0 這樣ng model就有乙個初始化的值,不會有空...

const,static,extern用法總結

const應用 一 對於基本宣告 const int r 100 標準const變數宣告加初始化,編譯器經過型別檢查後直接用100在編譯時替換。二 對於指標 1.int x 10 const int r x 指標指向的內容是常量,r指向的內容不能夠通過r改變,但如果是非const,內容可以通過自己改...