angulaire.js - service personnalisé angulaire transmettant des paramètres au problème des méthodes

Question

J'ai personnalisé un service qui renvoie le statut d'une chaîne en passant des chiffres
Mais la valeur que j'ai passée dans la zone de saisie ne semble pas être écrite correctement. Veuillez aider

.

 <p ng-app="app7" ng-controller="myctrl7">
        <input type="text" ng-model="txtnum">
        <p> {{myservice}}
        </p>
    </p>
    


    var app7 = angular.module('app7', [])
    app7.service('tostring', function () {
    this.myfuc = function (x) {
        if (x == 1) {
            return "未开课"
        } else if (x == 2) {
            return "已开课"
        } else if (x == 3) {
            return "已结课"
        } else {
            return "课程异常"
        }
    }
})
app7.controller('myctrl7', function ($scope, tostring) {
    $scope.myservice = tostring.myfuc($scope.txtnum)

})

C'est problématique Pourquoi

Answer 1

Lorsque votre entrée ngModal change, myservice ne sera pas réexécuté car myservice est une valeur de différence sur la page. Il s'agit d'une méthode, pas de données, vous devez donc la surveiller et la déclencher.

$scope.$watch('txtnum', function(val) {
  $scope.myservice = tostring.myfuc($scope.txtnum)
});