在angularjs中啓用和禁用

-1

我嘗試禁用第二個字段，直到我沒有在第一個字段中輸入「Lokesh」爲止，我嘗試了下面的代碼我正在學習angularjs的階段，請更正我在哪裏做錯誤。在angularjs中啓用和禁用

eg.code

<!DOCTYPE html> 
     <html> 
      <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
     <body> 

      <p>Enter 'Lokesh' to display last name</p> 

       <div ng-app="myApp" ng-controller="myCtrl"> 



        <input data-ng-model="firstName" 

        type="text" 

        ng-disabled="{if(firstName="lokesh")}" 

        Last Name: <input type="text" ng-model="lastName"><br> 
        /> 


        <script> 
        var app = angular.module('myApp', []); 
        app.controller('myCtrl', function($scope) { 

        $scope.lastName= "Kumar Gaurav"; 
        }); 

      </script>        
    </body>

來源

2015-10-12 Lokesh Kumar Gaurav

問題是與屬性ng-disabled="{if(firstName=" lokesh ")}"

沒有必要使用if，您可以直接比較字符串。

更新的代碼

ng-disabled="firstName=='lokesh'"

演示

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
 
<div ng-app> 
 
    <input data-ng-model="firstName" class="span12 editEmail" type="text" placeholder="Type lokesh here" />Last Name: 
 
    <input type="text" ng-model="lastName" ng-disabled="firstName!=='lokesh'" /> 
 
    <br>{{firstName}} 
 

 
</div>

來源

2015-10-12 13:19:33 Tushar

它不工作 –

@LokeshKumarGaurav請檢查包括演示。 – Tushar

@LokeshKumarGaurav在HTML元素標記中存在錯誤，如果你正確關閉它們，它應該可以工作 – Tushar

在angularjs中啓用和禁用

回答

相關問題