<div ng-app='myApp'>
    <div ng-controller="myCtrl">
       <div class="form-group">
         <label class="col-sm-2 text-right" for="">                             Name(传入外部对象):
         </label>
         <div class="col-sm-10" ng-if="show">
           <input type="text" ng-model="info.name"  />
         </div>
         <div class="text-center">    {{info.name}}</div>
       </div>
      <div class="form-group">
         <label class="col-sm-2 text-right" for="">                             Age(使用$parent):
         </label>
         <div class="col-sm-10" ng-if="show">
           <input type="text" ng-model="$parent.age"  />
         </div>
         <div class="text-center">{{age}}</div>
       </div>
</div>
angular.module('myApp',[])
.controller('myCtrl', function ($scope) {
  $scope.info = {};
  $scope.info.name = 'zhangsan';
  $scope.age  = 12;
  $scope.show = true;
});

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js