Angularjs 如何对相同型号名称的第一个ng型号应用操作_Angularjs

Angularjs 如何对相同型号名称的第一个ng型号应用操作

angularjs

Angularjs 如何对相同型号名称的第一个ng型号应用操作,angularjs,Angularjs,我有两个单选按钮相同的ng模型现在我想使文本框禁用和启用基于第一个单选按钮点击。如何获取启用我的文本框的第一个单选按钮的个人状态每每个工作日首先，为单选按钮设置的ng model（已确认）应具有布尔值，然后您可以直接将该模型用于文本字段的ng disabled指令 //controller function Controller($scope){ $scope.confirmed=true; ... } //html code <div ng-app>

我有两个单选按钮相同的ng模型现在我想使文本框禁用和启用基于第一个单选按钮点击。如何获取启用我的文本框的第一个单选按钮的个人状态


每
每个工作日

首先，为单选按钮设置的

ng model

（已确认）应具有布尔值，然后您可以直接将该模型用于文本字段的

ng disabled

指令

//controller
function Controller($scope){
     $scope.confirmed=true;
     ...
}

//html code
<div ng-app>
 <div ng-controller="Controller">
    <input type="checkbox" ng-model="confirmed" ng-change="change()"/>
    <div>{{confirmed}}</div>
    <input type="text" id="days" ng-model="remind.dailyDays" ng-disabled="!confirmed">
 </div>
</div>

//控制器
功能控制器（$scope）{
$scope.confirmed=true；
...
}
//html代码
{{确认}}

我创建了一个plunker：

html:

希望它能起作用

但是我想要两个同名的ng模型。如果是在ng repeat中，我可以通过'emild.dailyDays[0]'获得，但现在不在那种情况下获得特定的ng模型。你是说可能有多个输入字段具有不同的ng模型，如

'emild.dailyDays[0]

<代码>'Emild.dailyDays[n]'您想用一个单选按钮禁用/启用整套功能吗？我想禁用一个单选按钮，该单选按钮用HTML编码，具有相同的型号名称

ng model

，因为单选按钮应该只包含布尔值，所以如果您的ng model data

Emild.daily

是布尔类型，然后您的代码将按预期工作。所以，请确保您设置为单选按钮和ng disabled的值都应该是布尔值。我理解您所说的。它适用于单个型号。但在我的例子中，所有的ng模型在这里都是相同的。

  <body ng-controller="radioController">

    <div style="display: flex; padding: 20px 0px 0px 12px;">
        <input type="radio" name="dailyRadio" ng-model="remind.daily" value="Every" ng-click="getRadioValue()">
        <p id="type-recurrence">Every</p>
        <input type="text" id="days" ng-model="remind.dailyDays" ng-disabled="!flag">
    </div>
    <div style="display: flex; padding: 8px 0px 0px 12px;">
  <input type="radio" name="dailyRadio" ng-model="remind.daily"   value="EveryweekDays" ng-click="getRadioValue()">
    <p id="type-recurrence">Every WeekDays</p>
</div>
  </body>

var APP = angular.module("APP",[]);

APP.controller("radioController", function($scope){

  $scope.remind = {};


  $scope.getRadioValue = function(){

    if($scope.remind.daily == "Every"){
    $scope.flag = true;
    }
    else {
      $scope.flag = false;
    }

  }

})