-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path10.Lesson_ng-include.html
54 lines (33 loc) · 1.79 KB
/
10.Lesson_ng-include.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>10.Lesson_ng-include</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<script>
var ControllerExample = angular.module("myapp", []);
ControllerExample.controller("mycontrol", function ($scope) {
//Sayfa ifade alanı default myFile.html olarak ayarlandı
$scope.sayfa = "myFile.htm";
});
</script>
</head>
<!--
♦ ng-include = "" : Direktifi ile harici HTML sayfaları mevcut HTML sayfasına dahil edilmektedir.
Kısacası sürekli tekrarlanan içerikleri farklı sayfalardan alıp başka sayfaya dahil edebilirsiniz.
Örneğin satış sayfası tasarımı yaparken bir sonraki adıma geçerken site yenilenmeden bir sonraki adıma ait html içeriğini getirebilirsiniz.
SYNTAX:
<element ng-include="filename" onload="expression" autoscroll="expression" ></element>
<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>
NOT: Yazılan dosya yolu '' içerisinde yazılmalıdır ve bir sunucu üzerinde çalışır.
-->
<body ng-app="myapp" ng-controller="mycontrol">
<!-- Sayfa yüklenirken myFile.htm sayfasındaki içeriği mevcut index sayfasına getirecektir -->
<div ng-include="'myFile.htm'"></div>
<!-- Dinaik olarak butonlar yardımı ile sayfa içerikleri arasında gezinmek için ise: bir default $scope değeri tanımlanıp değiştirilmelidir -->
<button ng-click="sayfa='myFile.htm'">Sayfa 1</button>
<button ng-click="sayfa='myFile2.htm'">Sayfa 2</button>
<div ng-include="sayfa"></div>
</body>
</html>