javascript - 使用 Angular 元素 ID 来添加类，但不会在页面呈现后添加类

Question

我需要 Angular 的一些代码方面的帮助。我对此很陌生(第一篇文章)，所以我会尽力解释。简而言之，我想在电子邮件为空字符串时向元素 ID 添加一个类。联系人有一系列电子邮件。

主要问题是，在页面呈现信息后，元素 ID 似乎没有像我想象的那样添加类。

如果我在 google chrome 上进入控制台并执行 angular.element('id').addClass('class') 它会起作用并将类添加到元素但是当我把它放在这个函数上时它不会在页面呈现后显示。

任何帮助都会很棒!谢谢。

例如:

 $scope.ContactResults.forEach(function (item, index) {
        item.resourceID = index;
        if (item.email == '') {
            angular.element('#Contacts_email_externalLink-' + index).addClass('hide-icon');
        }
    });

Answer 1

你应该使用 ng-class 结合 $scope params 来做这样的事情。不要直接使用 angular.element() 操作 DOM:

查看

<a href="mailto:who@ever.knows" 
   ng-class="{ 'hide-icon' : hideIcon }">Email external link</a>

应用逻辑:

$scope.hideIcon = false;
$scope.ContactResults.forEach(function (item, index) {
    item.resourceID = index;
    if (item.email.length === 0) {
       $scope.hideIcon = true;
    } else {
       $scope.hideIcon = false;
    }
});