Question

我正在学习如何使用angularjs，只需要一个好的起点。我试着写这个简单的应用程序，但不能让它工作，所以有人可以帮助我解决它，并帮助指出我正确的方向。

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

<div ng-app="myApp" ng-controller="myCtrl">
    Name: <input ng-model="palcheck">
    <h1>{{palcheck}}</h1>
</div>

<script>
   var app = angular.module('myApp', []);
   app.controller('myCtrl', function($scope) {
   var str = $scope.palcheck
   $scope.check = str === str.split('').reverse().join('');   
   ng-if="palcheck"
});
</script>


</body>
</html>

Answer 1

我会在输入中添加一个更改侦听器，然后设置它的值是该侦听器中的匹配项。

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

<div ng-app="myApp" ng-controller="myCtrl">
    Name: <input ng-model="palcheck" ng-change="onChange()">
    <h1>{{palcheck}}</h1>
    <h1>Is Match: {{isMatch}}</h1>        
</div>

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

        $scope.onChange = function(){
            $scope.isMatch = str === str.split('').reverse().join('');   
        };

    });
</script>


</body>
</html>

在angularjs中写回文

1 个答案: