第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在 Angularjs 中動(dòng)態(tài)分配 ng-model 并讀取 Controller 函數(shù)中的值

在 Angularjs 中動(dòng)態(tài)分配 ng-model 并讀取 Controller 函數(shù)中的值

慕容708150 2022-11-27 16:40:44
add當(dāng)用戶單擊按鈕時(shí),我試圖創(chuàng)建一個(gè)新的矩形。這個(gè)矩形也將有一個(gè)輸入字段并為這些字段選擇我試圖ng-model動(dòng)態(tài)分配并讀取控制器中的相應(yīng)值。HTML:<button id="AddNewField" ng-click="AddNewField();" class="btn btn-success"> Add New </button><div ng-repeat="(key,value) in NewFieldValues">    {{ value.ID }}    <div style="width:250px;height:100px;border:1px solid #000;" draggable="true">        <select ng-model="BusinessStep[value.ID]" ng-change="BusinessStepChange(value.ID)" class="form-control">            <option ng-repeat="businessStep in businessSteps" value="{{ businessStep.value }}"> {{ businessStep.text }} </option>        </select>        <br/>        <input type="text" ng-model="Events[value.ID]"></input>    </div></div>Angularjs: $scope.NewFieldValues = [];$scope.FieldID          =   0;$scope.AddNewField  =   function(){    item            =   {};    item["ID"]      =   $scope.FieldID;    item["Fields"]  =   [];    $scope.NewFieldValues.push(item);    $scope.FieldID++;}$scope.BusinessStepChange   =   function(BusinessStepID){        for(var bs=0; bs<$scope.NewFieldValues.length; bs++)    {        if($scope.NewFieldValues[bs].ID ==  BusinessStepID)        {            console.log($scope.NewFieldValues[bs]);            console.log($scope.BusinessStep);            $scope.NewFieldValues[bs]['Fields'].BusinessStep    =   "Hello"; //Read the value from corresponding select field        }    }       }如何ng-model為矩形中的每個(gè)字段動(dòng)態(tài)分配字段,以及如何在控制器函數(shù)中讀取它們
查看完整描述

1 回答

?
拉丁的傳說(shuō)

TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超8個(gè)贊

<button id="AddNewField" ng-click="AddNewField();" class="btn btn-success"> Add New </button>


<div ng-repeat="NewField in NewFieldValues">

    <div style="width:250px;height:100px;border:1px solid #000;" draggable="true">

        <select ng-model="Dynamic.BusinessStep[NewField.ID]" ng-change="BusinessStepChange(NewField.ID,'BusinessStep')" class="form-control">

            <option ng-repeat="businessStep in businessSteps" value="{{ businessStep.value }}"> {{ businessStep.text }} </option>

        </select>

        <br/>

        <input type="text" ng-model="Dynamic.ObjectCount[NewField.ID]" ng-blur="BusinessStepChange(NewField.ID,'EventCount')"></input>

    </div>

</div>



$scope.NewFieldValues       =   [];

$scope.FieldID              =   0;

$scope.Dynamic              =   {};


$scope.AddNewField  =   function(){

    item            =   {};

    item["ID"]      =   $scope.FieldID;

    item["Fields"]  =   [];

    $scope.NewFieldValues.push(item);

    $scope.FieldID++;

}


$scope.BusinessStepChange   =   function(BusinessStepID, Type){

    

    for(var bs=0; bs<$scope.NewFieldValues.length; bs++)

    {

        if($scope.NewFieldValues[bs].ID ==  BusinessStepID)

        {

            if(Type ==  'BusinessStep')

            {

                $scope.NewFieldValues[bs]['Fields'].BusinessStep    =   $scope.Dynamic.BusinessStep[BusinessStepID];

            }

            else if(Type    ==  'EventCount')

            {

                $scope.NewFieldValues[bs]['Fields'].NumberofElement =   $scope.Dynamic.ObjectCount[BusinessStepID];

            }               

            console.log($scope.NewFieldValues);

            break;

        }

    }       

}


查看完整回答
反對(duì) 回復(fù) 2022-11-27
  • 1 回答
  • 0 關(guān)注
  • 135 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)