javascript - 在 ng-click 中分配一个值

Question

我的一个页面上有一堆日历控件。最初我复制了日历控件的示例代码，最终看起来像这样。 (相关部分是 is-open 和 ng-click)。

在 View 中:

<input type="text" class="form-control show-text-cursor" disabled uib-datepicker-popup="{{ dateFormat }}" ng-model="myDate" is-open="openMyDate.opened"/>
<span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="openMyDate()"><i class="glyphicon glyphicon-calendar"></i></button>
</span>

在 Controller 中:

$scope.openMyDate = function () {
    $scope.openMyDate.opened = true;
};

问题是我最终在我的 $scope 上为我添加的每个日历控件添加了另一个函数(我最多 14 个)。将 bool 值设置为 true 似乎有些过头了。

所以我改成了这个。

View :

<input type="text" class="form-control show-text-cursor" disabled uib-datepicker-popup="{{ dateFormat }}" ng-model="myDate" is-open="myDateIsOpen"/>
<span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="myDateIsOpen = true;"><i class="glyphicon glyphicon-calendar"></i></button>
</span>

Controller :

//Initialization only
$scope.myDateIsOpen = false;

我不想直接开始将函数展开到我的 ng-clicks 中，但由于它是一个单一的 bool 赋值，所以这种方式看起来更清晰。但我是 Angular 的新手，我想知道在你的 ng-click 中除了函数调用之外还有什么会对性能产生负面影响吗？

Answer 1

你可以这样做:

<input type="text" class="form-control show-text-cursor" disabled uib-datepicker-popup="{{ dateFormat }}" ng-model="myDate" is-open="myDateIsOpen"/>
    <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="myDateIsOpen = !myDateIsOpen;"><i class="glyphicon glyphicon-calendar"></i></button>
    </span>