使用angularjs-指令的引号

时间:2016-02-17 21:02:18

标签: javascript html angularjs angularjs-directive

我正在练习使用模块和嵌入式HTML编写AngularJS应用程序。有谁知道为什么下面ng-include指令的来源需要双引号内的单引号,而<script>文件的来源只需要一种类型的引号?

我知道如果我只使用一种类型的引号,ng-include指令不起作用。但我不知道为什么会这样。

谢谢!

<DOCTYPE html>
<html>
    <head>
        <title>
            Angularjs practice
        </title>
    </head>

    <body>
        <div ng-app="main" ng-controller="stController">
            <div ng-include="'angularjs/src/include/main.htm'">
            </div>

            <div ng-include="'angularjs/src/include/subjects.htm'">
            </div>
        </div>

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
        <script src="angularjs/src/module/mainApp.js"></script>
        <script src="angularjs/src/module/studentController.js"></script>

    </body>
</html>

2 个答案:

答案 0 :(得分:1)

ng-include需要一个角度表达式来评估网址

例如,如果你写ng-include="test.html",那就意味着$ scope的测试对象的html属性。

当你说ng-include="'test.html'"时,这是一个角度表达式。在这种情况下,计算结果为test.html

的字符串

这是官方文档

https://docs.angularjs.org/api/ng/directive/ngInclude

答案 1 :(得分:0)

请参阅此处的文档ng-include,它说如果字符串是一个常量,那么你应该使用单个引号,但对于像&#34; getView()&#34;,&#34;这样的表达式。 showViews()&#34;等等,你不需要单引号“