Hướng dẫn how include html file in angularjs 7? - Làm thế nào để bao gồm tệp html trong anglejs 7?

Trang HTML chính của tôi được đưa ra dưới đây chỉ mục.html

    


        
AngulAir

        

            

                

                {{airport.code}}-{{airport.city}}
                -Edit
                
            
            
currentAirport:{{currentAirport.name}}
        
        

        

        


    

Và tôi đang sử dụng tệp javascript như được đưa ra bên dưới app.js có bên trong thư mục JS/bộ điều khiển

function AppCtrl($scope) {
    $scope.airports = {
        "PDX" : {
            "code" : "PDX",
            "name" : "Portland International Airport",
            "city" : "Portland",
            "destinations" : [ "LAX", "SFO" ]
        },
        "STL" : {
            "code" : "STL",
            "name" : "Lampbert-St. Louis International Airport",
            "city" : "St. Louis",
            "destinations" : [ "LAX", "MKE" ]
        },
        "MCI" : {
            "code" : "MCI",
            "name" : "Kansas City International Airport",
            "city" : "Kansas City",
            "destinations" : [ "SFO", "LAX" ]
        },
    };

    $scope.currentAirport=null;
    $scope.sidebyURL='partials/airport.html';
    $scope.formURL='partials/form.html';
    $scope.setAirport = function(code) {
        $scope.currentAirport = $scope.airports[code];
    };
    $scope.editAirport = function(code) {
        $scope.editing = $scope.airports[code];
    };

}

và tôi bao gồm 2 tệp HTML trong tệp chỉ mục chính.html mà 2 tệp Sân bay.html là

    
{{currentAirport.name}}
    
Destinations
    

        

            {{destination}}
        
    

và một hình thức khác.html là

    
Edit Airport
    

và 2 tệp HTML còn lại của tôi có mặt trong các phần thư mục và trong khi thực thi index.html tôi không thể bao gồm form.html và sân bay.html bên trong tệp index.html nếu bạn có ý kiến ​​gì về những điều này cho tôi biết cảm ơn bạn .. ...

Angularjs bao gồm

Với AngularJS, bạn có thể bao gồm HTML từ một tệp bên ngoài.

Angularjs bao gồm

Với AngularJS, bạn có thể bao gồm nội dung HTML bằng Chỉ thị bao gồm NG:ng-include directive:

Thí dụ

Thí dụ

Thí dụ

Hãy tự mình thử »

Bao gồm mã AngularJS

Các tệp HTML bạn bao gồm với Chỉ thị bao gồm ng, cũng có thể chứa mã AngularJS:

myTable.htm:

& nbsp; & nbsp; & nbsp; & nbsp; {{x.name}} & nbsp; & nbsp; & nbsp; {{x.Country}} & nbsp;