Angularjs 在何处放置手动添加和删除锚标记类的逻辑-Angular JS

我有一个主html页面，其中有一个锚定标记（看起来像下面解释的按钮）、一个带有一些值的下拉列表和一个复选框。代码如下所示

我有一个锚标记，使它看起来像一个按钮，因为它有一些CSS类分配给它。课程包括：

蓝色-->使其成为蓝色btn 非活动btn-->使其成为非活动btn

上课很好

我有一个复选框和

包含一些值的下拉列表

所有三个的代码如下：

按钮代码（实际上是一个锚）

控制器绑定到主应用程序

---

请提供帮助。

您的看法完全错误，您首先想到的是DOM，而在angular中，您首先想到的是范围模型，让angular根据您的范围模型更改DOM

首先，使用

ng model

<input ng-model="formControl.myInput" type="checkbox"/>
 <select ng-model="formControl.mySelect" ng-options ="..."></select>

ng类

将计算表达式，并在任何模型值更改时实时更新

---

你应该读到：

非常感谢。我从中了解到的是将ng模型添加到我的select and复选框中，并在锚按钮的ng类表达式中使用它们。在我的表达式中，我可以验证复选框或下拉框中的任何一个，但是我不能在表达式中同时考虑它们。请帮助我。可以使用像

&&

或

|

这样的运算符。在plnkr.co或jsfiddle.net中创建一个简单的演示非常感谢！我一直在尝试&&和| |，但是花了一段时间才找到正确的表达方式。谢谢这增加了额外的观察者，这对于更简单的解决方案可能并不理想。

<input ng-click="enableButton($event)" type="checkbox"/>

<select id="drop-dwn">
    <option> ....... some values
</select>

allControllers.controller('SubmitBtnController', 
    ['$scope', function($scope) {

    $scope.enableButton = function($event) {

        var checkbox = $event.target;

        if (checkbox.checked) {
            angular.element(document.querySelector("#submit-btn")).
                removeClass("inactive").addClass("blue");
        }
        else if (!checkbox.checked) {
            angular.element(document.querySelector("#submit-btn")).
                removeClass("blue").addClass("inactive");   
        }
    }
}]);

<input ng-model="formControl.myInput" type="checkbox"/>
 <select ng-model="formControl.mySelect" ng-options ="..."></select>

<a  class="somePermaClassNotDependentOnScope" 
    ng-class="{ 'inactive': !formControl.myInput, 'blue' : formControl.mySelect ==='blue'}" >
    Anchor text</a>