Cú pháp Cú pháp Include trong AngularJS | 26 bài hướng dẫn AngularJs miễn phí PDF

http://vietjack.com/angularjs/index.jsp Copyright © vietjack.com Include AngularJS HTML khơng hỗ trợ nhúng trang web HTML trang HTML Để đạt chức sử dụng phương thức sau:  Sử dụng Ajax - Tạo server call để nhận trang HTML tương ứng thiết lập thành phần innerHTML phần điều khiển HTML  Sử dụng Server Side Includes - JSP,PHP cơng nghệ web server khác include HTML page trang trang web động Với AngularJS, nhúng trang HTML sử dụng ng-include directive Ví dụ tryAngularJS.jsp Angular JS Includes table, th , td { border: 1px solid grey; border-collapse: collapse; padding: 5px; } table tr:nth-child(odd) { background-color: #f2f2f2; } table tr:nth-child(even) { background-color: #ffffff; http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/angularjs/index.jsp Copyright © vietjack.com } AngularJS Sample Application var mainApp = angular.module("mainApp", []); mainApp.controller('studentController', function($scope) { $scope.student = { firstName: "Mahesh", lastName: "Parashar", fees:500, subjects:[ {name:'Physics',marks:70}, {name:'Chemistry',marks:80}, {name:'Math',marks:65}, {name:'English',marks:75}, {name:'Hindi',marks:67} ], fullName: function() { var studentObject; studentObject = $scope.student; return studentObject.firstName + " " + studentObject.lastName; } }; }); http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/angularjs/index.jsp Copyright © vietjack.com main.jsp Enter first name: Enter last name: Name: {{student.fullName()}} subjects.jsp

Subjects:

Name Marks {{ subject.name }} {{ subject.marks }} Kết Để chạy ví dụ này, bạn cần phần tạo tệp textAngularJS.jsp, main.jsp, subjects.jsp với webserver Mở trang textAngularJS.jsp sử dụng địa địa URL server xem kết http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com/angularjs/index.jsp http://vietjack.com/ Trang chia sẻ học online miễn phí Copyright © vietjack.com Page ... phần tạo tệp textAngularJS.jsp, main.jsp, subjects.jsp với webserver Mở trang textAngularJS.jsp sử dụng địa địa URL server xem kết http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com /angularjs/ index.jsp... studentObject.lastName; } }; }); http://vietjack.com/ Trang chia sẻ học online miễn phí Page http://vietjack.com /angularjs/ index.jsp Copyright © vietjack.com main.jsp ...http://vietjack.com /angularjs/ index.jsp Copyright © vietjack.com } AngularJS Sample Application