Javascript 在angularjs中启用和禁用_Javascript_Angularjs

Javascript 在angularjs中启用和禁用

javascript angularjs

Javascript 在angularjs中启用和禁用,javascript,angularjs,Javascript,Angularjs,我尝试禁用第二个字段，直到我没有在第一个字段中输入“Lokesh”，因为我已经尝试了下面的代码，我正在学习angularjs，所以请纠正我的错误代码 <!DOCTYPE html> <html> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <body

我尝试禁用第二个字段，直到我没有在第一个字段中输入“Lokesh”，因为我已经尝试了下面的代码，我正在学习angularjs，所以请纠正我的错误

代码

<!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>


输入“Lokesh”以显示姓氏
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.lastName=“Kumar Gaurav”；
});

问题在于属性

ng disabled=“{if（firstName=“lokesh”）}”

无需使用

如果

，则可以直接比较字符串

将代码更新为

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

演示


姓氏：

{{firstName}}

@Lokeshkumargarav请检查包含的演示文稿。@Lokeshkumargarav HTML元素标记中有错误，如果您正确关闭它们，它应该会正常工作。实际上，我错误地编写了class=“span12 editEmail”。我想同时显示两个字段，但一旦我将“Lokesh”放在字段的第一位，第二个字段就应该突出显示。@Lokeshkumargarav你的意思是第二个字段应该被禁用，对吗？@Lokeshkumargarav我已经更新了演示，请再次检查