Question

我正在与Angularjs合作，我想了解一些事情。我有一个HTML页面： ...

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>

  <script>
    angular.module("myapp", [])
            .controller("MyController", function($scope) {
                $scope.myvalue = "TEST";

            } );
</script>
</head>

<body ng-app="myapp">

<div ng-controller="MyController" >


    {{myvalue}}

    </div>

</body>
</html>

在这里，我能够显示我在范围内定义的值。我不需要使用Route，因为所有页面都在同一页面。

但是当我用ng-view划分我的观点时，我错过了一些东西。我不明白为什么它不起作用。这是我的代码。

plunker链接是here 当我尝试添加部分时，我收到关于ngRoute的错误。我提供库ngRoute，我使用RouteProvider。请问有什么遗漏？这是plunker

由于

Answer 1

您在单页面中遇到JavaScript语法错误。你缺少报价。更改为以下内容。

$scope.myValue = 'TEST IT';

对于另一个被分解的，看起来你错过了Angular路由的导入，并且由于script.js中的大写而有一个名不一致的JavaScript变量。

更改$scope.myvalue = "TEST"; to $scope.myValue = "TEST";

并将以下内容添加到index.html

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>

Answer 2

在控制器中，您已定义myvalue，而在您调用的部分myValue

干杯！

Answer 3

你在这里： HERE

你忘记了包含路线，它自己的模块你需要包括它，并且你有部分错字。 {{myValue}}

Answer 4

只需将$ scope.myValue = TEST IT替换为$ scope.myValue =＆＃39;测试它＆＃39;。

您必须定义字符串类型变量。

喝彩！

为什么无法在局部视图中访问我的scope.variable

4 个答案: