Angularjs 单击将div设置为模型

我的问题是我需要在点击时打开div，其所有数据都在弹出/模式背景中

HTML:

<div ng-app = "angulo" ng-controller="testController">

        <div class="col-xs-12 col-sm-6 col-lg-4 checkContent" ng-repeat = "appreciate in CustAppre">
                    <div class="quote-inner-wrapper">   
                        <div class="arrow_box blue-texture-bg" ng-click="openBigDiv(appreciate)">
                            <blockquote class="no-bg white quotation-white">
                                <p>{{appreciate.title}}</p>
                                <div ng-show="appreciate.opened">{{appreciate.content}}</div>
                            </blockquote>
                        </div>
                        <a role="button" class="customerName blue" href="#">{{appreciate.by}}</a>        
                    </div>
        </div>

    </div>

}))

这是我的小提琴。请告知

---

open div是什么意思？目前我已经给了我的div一个class=“popup”并用css管理它。popup{padding:10px；display:block；position:absolute；top:0；left:0；height:30px；width:200px；background:black；}。请建议我的方向是否正确，或者是否应该寻求更好的解决方案。我的意思是单击，div应该最大化为弹出窗口…就像点击按钮一样，大多数站点都会出现弹出窗口。你不是使用角度引导模式吗？我尝试过使用，但它可以独立工作，当它与我的代码集成时…它有些不起作用。他们中的大多数在指令模板中展示他们的模型，我不想。。。

var app = angular.module('angulo', []);
app.controller('testController', function ($scope, $location, $rootScope, $log) {

$scope.CustAppre = [        
{title:"Project Appreciation",by:"Ziva Roe",content:"1 popup good job"},
{title:"Agile Work Process",by:"Joe Roe",content:"2 pop up very good job"},
{title:"Customer Speaks",by:"Michael Charles",content:"3 popup a very good job"},
];

$scope.openBigDiv = function(title) {
title.opened = !title.opened;
    };