Bazı diğer html öğelerinin model değeri temelinde ng-show

Basit bir Açısal Programa sahip olduğum, ancak aralığın yalnızca giriş değeri "Peter" ise gösterilmesi gereken basit bir Açısal Program var. Giriş değerini değiştirirsem, yayılımın kaybolacağını, ancak giriş kutusunun değerini değiştirmeye çalıştığım zaman bunu yapmama izin vereceğini umuyordum. Girdi değerini değiştiremediğim sorun nedir?Bazı diğer html öğelerinin model değeri temelinde ng-show

<html> 
<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script> 
</head> 
<body ng-app="myApp" ng-controller="myCtrl"> 
    <input type="text" ng-model="name"/> 
    <span ng-show="name='peter'">{{name}}</span> 
    <script> 
    //module declaration 
    var app = angular.module('myApp', []); 
    //controller declaration 
    app.controller('myCtrl',function($scope){ 
     $scope.name = "Peter"; 

    }); 
    </script> 
</body> 
</html>

kaynak

2016-04-12 Deadpool

Değişim ng-show

<span ng-show="name.toLowerCase()==='peter'">{{name}}</span>

için Atama operatörünü kullanıyorsunuz ancak değerleri karşılaştırmak ve ayrıca giriş değerinin harf değişikliği gerekiyor.

<!DOCTYPE html> 
 
<html ng-app="myApp"> 
 
    <head> 
 
    <script data-require="[email protected]" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> 
 
    <script src="app.js"></script> 
 
</head> 
 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
    <input type="text" ng-model="name"/> 
 
    <span ng-show="name.toLowerCase()==='peter'">{{name}}</span> 
 
    <script> 
 
    //module declaration 
 
    var app = angular.module('myApp', []); 
 
    //controller declaration 
 
    app.controller('myCtrl',function($scope){ 
 
     $scope.name = "Peter"; 
 

 
    }); 
 
    </script> 
 
</body> 
 

 
</html>

kaynak

2016-04-12 05:52:32 silentprogrammer

evet yapılan hata. Benim hatam ( – Deadpool

bu deneyin. "=" "==" yerine atama operatörünün operatörü karşılaştıran kullanılmış olmalıdır

<body ng-app="myApp" ng-controller="myCtrl"> 
    <input type="text" ng-model="name"> 
    <p ng-hide="name!== 'peter'">peter</p> 
    <p ng-show="name!== 'peter'"></p> 
    <script> 
    //module declaration 
    var app = angular.module('myApp', []); 
    //controller declaration 
    app.controller('myCtrl',function($scope){ 

}); 
</script>

kaynak

2016-04-12 06:29:48

Ha ha ... çok daha basit, ama ben bunu kastetmedim. Bu sadece gerçek bir kavram için bir çözüm ... – Deadpool

Bazı diğer html öğelerinin model değeri temelinde ng-show

cevap

İlgili konular