AngularJs

Teste na Inicialização

by fulviocanducci

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="ctrl">
    <div ng-if="showInitApp" style="display:none">
      <div>
        <input type="text" ng-model="name"/>
      </div>
      <div>  
        {{name}}
      </div>
    </div>
  </div>
  <div ng-controller="mainController">
    <div>
      <p>OUTER SCOPE:</p>
      <p>{{ foo }}</p>
      <p>{{ bar.innerProperty }}</p>
      <div ng-if="foo"> <!— ng-if creates a new scope —>
        <p>INNER SCOPE</p>
        <p>{{ foo }}</p>
        <p>{{ bar.innerProperty }}</p>
        <button ng-click="foo = 2">Set primitive</button>
        <button ng-click="add()">Mutate object</button>
      </div>
    </div>
  </div>
</div>

JavaScript

function mainController($scope) {
  $scope.foo = 1;
  $scope.bar = {innerProperty: 2};
  $scope.add = function() {
  	$scope.bar.innerProperty = $scope.bar.innerProperty + 1;
  }
}

angular.module('app', [])
	.controller('ctrl', function($scope) {
  	$scope.name = "Cezar";
    $scope.showInitApp = true;
  })
  .controller('mainController', mainController);