Question

我正在尝试一个简单的应用程序，但谷歌浏览器不支持它。我想在html页面中调用html。我正在使用ng-include指令。此代码适用于其他浏览器，如firefox。这是我的代码：的test.html

<!doctype html>
<html>
    <head>
        <script src="angular.min.js"></script>
        <script src="newscript.js"></script>
        <link href="styles.css" rel="stylesheet" />
    </head>
    <body ng-app="myModule">
        <div ng-controller="myController">
            <div ng-include="'Etable.html'"></div>      
        </div>  
    </body>
</html>

Etable.html

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Gender</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="employee in employees">
            <td> {{employee.name}} </td>
            <td> {{employee.gender}} </td>
            <td> {{employee.salary}} </td>
        </tr>
    </tbody>
</table>

newscript.js

var app = angular
        .module("myModule",[])
        .controller("myController", function ($scope) {
            var employees = [
                { name: "Ben", gender:"Male", salary:5000 },
                { name: "Ten", gender:"Female", salary:4000 },
                { name: "Zen", gender:"Male", salary:3000 },
                { name: "Aen", gender:"Female", salary:7000 }
            ];
            $scope.employees = employees;
        });

Answer 1

您需要在服务器上运行您的应用程序。如果您使用的是npm，请安装npm install http-server并按照http-server命令在项目文件夹中启动服务器。
然后在localhost上开始申请。

Answer 2

为什么两个ng-app？你应该删除一个主题，或者你应该使用angular.bootstrap ('appname',selector )

手动引导每个应用程序

AngularJs应用程序不在chrome中工作，但在其他浏览器中工作

2 个答案: