Buongiorno a tutti, sto cercando di imparare angular js, e mi sto facendo un file js che contiene tutte le direttive, in modo da richiamarlo in un file html esterno, ho qualche difficoltà con ng-if, non capisco perché nel mio caso non funziona:
questa è la parte di controller, il controller non funzionante è quello 'trovoilnome'
codice:
angular.module('direttive',[])
//per ng bind
.controller('addizione', ['$scope',function($scope){
$scope.example = {
numerouno: 15,
numerodue: 20
}
}])
//per ng if
.controller('trovoilnome', ['$scope',function($scope){
$scope.utente = {
nome: 'Gigi',
cognome: 'latrottola'
}
$scope.hello = function(){
return $scope.utente.nome + " " + $scope.utente.cognome
}
}]);
questa invece è la parte richiamata:
codice:
<!--NG-BIND-->
<div ng-app="direttive" ng-controller="addizione">
<b>Ng-bind risultato addizione di due model</b><br/><br/>
Numero1 = <input type="number" name="input" ng-model="example.numerouno" min="0" max="99" required><br/>
Numero2 = <input type="number" name="input" ng-model="example.numerodue" min="0" max="99" required><br/>
<p>con parentesi graffe: {{example.numerouno + example.numerodue}}</p>
con ng-bind:<span ng-bind="example.numerouno + example.numerodue"></span>
</div>
<br/>
<br/>
<!--NG-IF-->
<div ng-app="direttive" ng-controller="trovoilnome">
<b>Ng-if, mostra un div quando c'è un valore assegnato</b><br/><br/>
Nome:<input type="text" ng-model="utente.nome"><br/>
Cognome:<input type="text" ng-model="utente.cognome"><br/>
<p ng-if="utente.nome">
{{hello()}}
<span ng-bind="utente.cognome"></span>
</p>
</div>
sempre nella parte "trovoilnome" su browser non mi mostra il model di nome e cognome.
Qualcuono può dirmi dove sbaglio? 
grazie