Question

我正在尝试根据我的角度变量返回true或false来显示按钮或锚标记值。这是它的片段。

$('#myModal').modal()

userInformation.value返回true / false。现在我想要的是根据角度返回的内容显示按钮元素的特定值。

类似的东西：

<a href="#" id="verify">{{userInformation.value}}</a>

任何建议都会有很大的帮助。

Answer 1

你可以试试这个

<a href="#" id="verify">{{userInformation.value ? 'Hello': 'Hi'}}</a>

Answer 2

不考虑使用ng-if，而是考虑在控制器中创建一个函数来决定要为您显示的内容。这将允许您将业务逻辑保留在控制器中并从模板中移出，并且您可以进行单元测试（这通常是一个好主意）。此外，它不仅仅是两个价值条件（例如，如果您必须检查的不仅仅是真/假）。示例：

angular.module('myApp', [])

.controller('MainController', function() {

  // initial user info object
  this.userInformation = {
    value: true
  };


  // swap values for demo purpose
  this.swapValue = function(obj) {
    obj.value = !obj.value;
  };

  // logic for display lives here
  this.getUserInfoDisplay = function(userInfo) {
    if (userInfo.value) {
      return 'Display something';
    } else {
      return 'Display something else';
    }
  };

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<!-- Controller as syntax -->
<div ng-app="myApp" ng-controller="MainController as ctrl">
  <a href="#">{{ctrl.getUserInfoDisplay(ctrl.userInformation)}}</a>
  <br />
  <button ng-click="ctrl.swapValue(ctrl.userInformation)">
    Swap Value
  </button>
</div>

如何使用AngularJS显示按钮或锚标签值？

2 个答案: