ng-include 在 Firefox 中的工作在 chrome 中不起作用

Question

我的代码仅在 Firefox 中运行，不适用于 chrome。

HTML代码

<div ng-controller="myController1">

    Select View:
        <select ng-model="employeeview">
            <option value="1.html">1</option>
            <option value="2.html">2</option>
        </select>

        <div ng-include="employeeview"></div>
    </div>

角度代码

        var app = angular.module('myApp', []);
        app.controller('myController1', function($scope) {
            var employees = [
            {name: "Inderjeet", dateofbirth: new Date("November 23, 1980"), gender: "male", salery: "5000.788"},
            {name: "Ravi Pandey", dateofbirth: new Date("November 13, 1980"), gender: "male", salery: "5000.788"},
            {name: "Dilip", dateofbirth: new Date("November 30, 1991"), gender: "male", salery: "1000.000"},
            {name: "Deepika", dateofbirth: new Date("jan 25, 1980"), gender: "Female", salery: "50040.788"},
            {name: "Pradeep", dateofbirth: new Date("November 21, 1980"), gender: "male", salery: "5560.788"}
            ];
            $scope.employees = employees;
            $scope.employeeview = "1.html";


        });

1.html内容

1.html 内容我附加在主文件中

2.html

演示

Answer 1

<div data-ng-include="'views/employeeview.html'">

" ' ' " --> 你必须这样做

Answer 2

AngularJS 表达式对 URL 求值。 如果源是字符串常量，请确保将其用单引号括起来， eg src="'template.html'" 。

replace  $scope.employeeview = '1.html';

ng-include="employeeview"