javascript - 如何修复 ng-if 没有反应？

Question

我正在尝试显示链接 <a href>当满足条件但链接永远不会出现时。

我已经尝试更改包含 <div controller> 的项目的位置(进/出 ng-if )和标签。 ( span 、 div 、 ul ...)。这种代码适用于我拥有的另一个 HTML，所以我的 Angular 版本似乎没问题。

这是我调用 Controller 的表单:

<div ng-controller="userRole">
      <form ng-submit="setProfile()">
        <select ng-model="userRole"
                ng-options="role for role in roles">Role</select>
        <input type="text"
                ng-model="userName"
                placeholder="Nom"></input>
        <input type="submit"
               value="Valider"></input>
      </form>
    </div>

之后的情况:

<span ng-if="user.isSetup">
      <a href="srsApp.html">Accès aux cours</a>
    </span>

实际控制人:

      var app = angular.module('srsApp', []);
      app.controller('userRole', function($scope) {
        $scope.roles = ['Professeur', 'Élève'];
        $scope.user = {role:'', name:'', isSetup: false};

        $scope.setProfile = function() {
          if ($scope.userName !== '' && $scope.userRole !== '') {
            $scope.user.role = $scope.userRole;
            $scope.user.role = $scope.userName;
            $scope.user.isSetup = true;
            $scope.userRole = '';
            $scope.userName = '';
          }
        };
      });
    </script>

我希望在提交包含 Angular 色和名称的表单后该链接就会出现，但该链接保持隐藏状态。我的 Firefox 终端没有错误，我知道它进入了函数，因为占位符被重新初始化。

Answer 1

正如 @AnuragSrivastava 提到的，<span>应该在 <div ng-controller="userRole"> 。正如我所说，我尝试过，但之前的情况(终端未突出显示语法错误)阻止了此操作。