duycuong87vn · April 10, 2014 16:22
diff --git a/jsbin.gefud.css b/jsbin.gefud.css
 .show-scope-demo.ng-scope,
 .show-scope-demo .ng-scope{
  border: 1px solid red;
  margin: 3px;
 }
diff --git a/jsbin.gefud.html b/jsbin.gefud.html
 <!DOCTYPE html>
 <html ng-app="demoApp">
 <head>
 <meta name="description" content="[add your bin description]" />
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <meta charset="utf-8">
  <title>Using Angular Directives and Data Binding</title>
 </head>
 <body>
  <div data-ng-controller="SimpleController">
    Name: 
    <br />
    <input type="text" data-ng-model="name"/>
    <br />
    
    <ul>
      <li data-ng-repeat="cust in customers | filter:name">
        {{cust.name}} + {{cust.city}}
      </li>
    </ul>
     
  </div>
  
  
 </body>
 </html>
diff --git a/jsbin.gefud.js b/jsbin.gefud.js
 var demoApp = angular.module('demoApp', []);

 demoApp.controller('SimpleController',function SimpleController($scope){
  $scope.customers = [
    {name:'John Smith', city:'Phoenix'},
    {name:'Alopicaso', city:'Newyork'},
    {name:'osacipola', city:'San Francisco'}
  ]; 
 })
	<!DOCTYPE html>
	<html ng-app="demoApp">
	<head>
	<meta name="description" content="[add your bin description]" />
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
	<meta charset="utf-8">
	<title>Using Angular Directives and Data Binding</title>
	</head>
	<body>
	<div data-ng-controller="SimpleController">
	Name:
	<br />
	<input type="text" data-ng-model="name"/>
	<br />

	<ul>
	<li data-ng-repeat="cust in customers \| filter:name">
	{{cust.name}} + {{cust.city}}
	</li>
	</ul>

	</div>


	</body>
	</html>
	var demoApp = angular.module('demoApp', []);

	demoApp.controller('SimpleController',function SimpleController($scope){
	$scope.customers = [
	{name:'John Smith', city:'Phoenix'},
	{name:'Alopicaso', city:'Newyork'},
	{name:'osacipola', city:'San Francisco'}
	];
	})