duycuong87vn/jsbin.gefud.css

## jsbin.gefud.css
.show-scope-demo.ng-scope,
.show-scope-demo .ng-scope{
  border: 1px solid red;
  margin: 3px;
}

## 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>

## 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'}
  ];
})
	.show-scope-demo.ng-scope,
	.show-scope-demo .ng-scope{
	border: 1px solid red;
	margin: 3px;
	}
	<!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'}
	];
	})