1
Açısal çalışmaya sadece biraz zaman ayırmaya başladım. TemplateURL ile bir Custome Directive örneği yazmaya çalışıyorum. Sorun şu ki, yeni özel etiketinde şablonun sonucunu yazdırmıyor.templateURL ile AngularJS sorunu
Bu bağlantı için kodu görebilirsiniz.
Index.html
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="it-IT">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello Angular</title>
<script src="../../angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body ng-app="myApp" ng-controller="controApp as ctrl">
<table border=2>
<thead>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
</thead>
<tbody>
<lista-clienti lista="ctrl.elencoClienti"></lista-clienti>
</tbody>
</table>
</body>
</html>
script.js
var app = angular.module("myApp", []);
app.directive("listaClienti", function() {
return {
scope: {
lista : "="
},
//template: "<div>missing tpl</div>"
templateURL: "selectCity.html"
};
});
app.controller('controApp', function($scope){
$scope.elencoClienti = [
{codiceCliente: "1", ragioneSociale: "Michele Srl", indirizzo_so:"Via delle calende greche" },
{codiceCliente: "2", ragioneSociale: "Michele Srl", indirizzo_so:"Via delle calende greche" },
];
});
selectCity.html
<tr ng-repeat="c in lista">
<td>{{c.codiceCliente}}</td>
<td>{{c.ragioneSociale}}</td>
<td>{{c.indirizzo_so}}</td>
</tr>
sorun olabilir nedir? Teşekkür
Dizin Yapısı
: 05_Custom_Directive- Example_02
---- index.html
---- script.js
---- selectCity.html
Uygulamanızın dizin yapısını yapıştırır munch'ım selectCity.html sizin fou olmuyor Direktif tarafından. – gh9
i dizin yapısını eklemek var; – vecio88
olmak için selectCity.html değiştirebilirsiniz) altına '