Angular 01 - Module Factory examples

HTML

<div ng-app="coteDeBoeuf" >
  <span  ng-controller="allYouNeed as taMereLaGrosse">
  <span  ng-controller="allYouNeed as taMereLaGrosse">
    <p>
      canard {{name}}
    </p>
    <input type="text" ng-model="name"/>
  </span>
<button onclick="
        var scope = angular.element(this).scope();
        scope.$apply(function () {
        scope.name+='a'
            scope.names.push(scope.name);
        });
scope.name+='a'
        scope.names.push(scope.name);
        scope.$apply();"

>more</button>

    <input type="text" ng-model="name"/>
    <p>
      All you need is {{name}}
    </p>
    <em>(pa pa pa pa daaaah)</em>
    <p>
      All you need is {{name}}
    </p>
    <em>(pa pa pa pa daaaah)</em>
    <p>
      All you need is {{name}}<br/>
      ... {{name}} ...<br/>
    </p>
    <p>
      {{name}} is all you need !
    </p>
    
    <ul>
  <li ng-repeat="name in names">{{name}}</li>
</ul>
<button ng-click="taMereLaGrosse.add(name)">add</button>
  
  
    </span>
</div>

JavaScript

var myMod = angular.module('coteDeBoeuf',[]);

myMod.config(function () {
    console.log('Chargement...');
});

myMod.run(function () {
    console.log('Initialisation...');
});

myMod.controller('allYouNeed', function ($scope, name) {
    $scope.name = name;
    
    $scope.names = ['you', 'me', 'them'];

    this.add = function (name) {
        $scope.names.push(name);
    };
    
    $scope.$watch('name', function (newValue, oldValue) {
    console.log(oldValue + " → " + newValue);
    }, false);
});

myMod.value('name','love')