Home
Login
Download
Flatnux
Temi
Plugins
plugins Flatnux2011
Guida
Installazione
Database
Creare temi per Flatnux
Traduzioni
Esempio pagina Angular 2
Esempio pagina AngularJs
Caratteristiche
Site Map
Lingua
Cerca
almeno una parola
tutte le parole
frase esatta
cerca
0 Nuove notifiche
Accedi
Recupero password
Italiano
Italiano
English
Guida
Esempio pagina AngularJs
Esempio applicazionee AngularJS in Flatnux:
Nome:
Cognome:
{{saluta()}}
Codice sorgente (sections/nomepagina/):
header.php:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
section.it.html oppure section.php:
<div ng-app="myApp"> <div ng-controller="userController"> <p>Nome: <input type="text" ng-model="utente.nome">>/p> <p>Cognome: <input type="text" ng-model="utente.cognome">>/p> <p ng-controller="greetingController">{{saluta()}}>/p> </div> </div> <script src="controller.js"></script>
controller.js:
angular.module("myApp", []) .controller("userController", function ($scope) { $scope.utente = {nome: "Mario", cognome: "Rossi"}; }) .controller("greetingController", function ($scope) { $scope.saluta = function () { return "Buongiorno " + $scope.utente.nome + " " + $scope.utente.cognome + "!" }; });