Question

您能帮我吗，我不了解Angular。我需要在DIV标签中显示一些文本。可见性条件是从JS函数isShowing返回的。文本包含HTML标记，并且是从JS函数（协议消息）返回的。

<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>

Answer 2

您需要使用export class PostService { constructor(public http: Http) { } getAll() { return this.http.get('http://jsonplaceholder.typicode.com/posts'); } }通过绑定从HTML（视图）到控制器调用函数：

$scope

function DemoCtrl($scope) {
   $scope.showAgreementMessage = function() {
      return "message";
  }

  $scope.isShowing = function() {
      return true;
  }
}

我需要在Angular的DIV标签中显示一些文本

2 个答案: