Angular JS - 简单的文本更改不起作用

Question

我正在向 AngularJS 介绍自己，但我发现了一些困难。

我正在尝试构建一个简单的控制器来更改文本，稍后它将调用一个休息 API，但我没有这样做。

这是我的 HTML 代码：

<html>
<head>
    <title>Index</title>
    <script src="assets/scripts/angular.min.js"></script>
    <script src="assets/scripts/angular-animate.min.js"></script>
    <script src="assets/scripts/angular-route.min.js"></script>
    <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/index.css">
    <script src="app.js"></script>
    <script src="app/controllers/SliderController.js"></script>
    <script src="app/controllers/LoginController.js"></script>
</head>
<body>
    <div id="container">
        <div class="leftside">
            <div class="slideshow" ng-app="sliderApp" ng-controller="SliderController">
                <slider images="images" />
            </div>
        </div>
        <div class="rightside">
            <div ng-app="Authentication" ng-controller="LoginController">
                <form style="padding-top: 150px" ng-submit="login()" role="form">
                    <p><input type="text" class="text-line" name="email" id="email" placeholder="email" /></p>
                    <p><input type="password" name="password" id="password" class="text-line" placeholder="password"></p>
                    <button type="submit" class="btn">LOGIN</button>
                </form>
                You spanned: <span ng-bind-html="myTxt"></span>
                <div>You Wrote: {{myTxt}}</div>
            </div>
        </div>
    </div>
</body>
</html>

这是我的javascript：

var authenticationApp = angular.module('Authentication', []);

authenticationApp.controller("LoginController", function ($scope) {
    $scope.myTxt = "You have not yet clicked submit";
    $scope.login = function () {
        $scope.myTxt = "You clicked submit!";
    }
});

出于某种原因，在You Spanned: {{myTxt}}之后You Spanned:没有任何显示，在You Wrote:它出现{{myTxt}} 。 我正在使用 AngularJS 1.5.9

出现的例子

Answer 1

你在 html 中有两个 ng-apps。 在这种情况下，只有第一个会起作用。 您始终可以通过将诸如 {{1+1}} 之类的明显内容放入 html 来测试您的应用是否正常工作。 您还可以通过 angular.bootstrap 手动引导您的应用程序。

Angular JS - 简单的文本更改不起作用

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-01-18 17:39:35

Angular JS - 简单的文本更改不起作用

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-01-18 17:39:35

解决方案1
1 已采纳 2017-01-18 17:39:35