javascript - 我需要用 Angular 在 DIV 标签中显示一些文本

Question

你能帮我吗，我对 Angular 不了解。我需要在 DIV 标记中显示一些文本。可见性条件从 JS 函数返回:isShowing。文本包含 HTML 标签，并从 JS 函数返回:agreementMessage。

<div ng-controller="formController" class="container" id="container">
    <div class="agreement-signed-message" ng-if="isShowing()">{{showAgreementMessage()}}</div>
</div>


function showAgreementMessage() {
    return "message";
}

function isShowing() {
    return true;
}

这是演示函数。

Answer 1

如果您将两个 function 都移至 formController，我实际上没有发现您所使用的代码有问题。

忘记将它们添加到 $scope 将导致您的 formController 无法看到它们。

var app = angular.module("Test", []);

var formController = function($scope) {

  $scope.showAgreementMessage = function() {
    return "messagesdf";
  }

  $scope.isShowing = function() {
    return true;
  }
}

app.controller(formController, ["$scope", "formController"]);

// Don't do this. Add them to formController
// function showAgreementMessage() { ... }
// function isShowing() { ... }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="Test">
  <div ng-controller="formController" class="container" id="container">
    <div class="agreement-signed-message" ng-if="isShowing()">
      {{ showAgreementMessage() }}
    </div>
  </div>
</div>