Моя цель состоит в том, чтобы, когда я щелкаю строку внутри таблицы на page1.html, она открывала page2.html как модальное окно с соответствующей информацией, извлеченной из строки, по которой щелкнули.
Page1.html соответствующий код:
<body ng-controller="DecisionViewController">
.............
<tr ng-repeat="req in $data" class="text-left" style="" >
<td style="font-size: 85%; width:20%" data-title="'Decision ID'"
sortable="'decisionType'"> <a href ui-sref="dcninfo.content({type:req.decisionType, name:req.decisionName})" data-toggle="modal" data-target="#info">{{req.decisionType}}</a></td>
<td style="font-size: 85%; width:20%" title="'Decision Name'"
sortable="'decisionName'"> <a href ui-sref="dcninfo.content({type:req.decisionType, name:req.decisionName})" data-toggle="modal" data-target="#info">{{req.decisionName}}</a></td>
</tr>
<div class = "modal right fade" id="info" tabIndex = "-1" role = "dialog" aria-labelledby="infoViewModal">
<div class = "modal-dialog" role = "document">
<div class = "modal-content">
</div>
</div>
</div>
Page2.html:
<div class = "modal-header">
<button type="button" class="close" data-dismiss="modal">X</button>
<h1>PLACEHOLDER</h1>
</div>
<div class="modal-body">
<div class="col-sm-9 col-lg-10 pl15" ng-controller="DecisionInfoContentController">
<!-- your page content -->
<h3>{{dcnmtdt.name}}</h3>
<div>
<div class="table">
<div class="row">
<div class="col-md-4">Type</div>
<div class="col-md-4">{{dcnmtdt.type}}</div>
</div>
Код угловой маршрутизации:
.state('dcninfo.content', {
url: '/content/:type/:name',
templateUrl: 'partials/v3/dcninfo_content.html',
controller: 'DecisionInfoContentController'
})
Теперь вместо использования ui-sref, если я просто использую это:
<td style="font-size: 85%; width:20%" data-title="'Decision ID'"
sortable="'decisionType'"> <a href="partials/v3/dcninfo_content.html" data-toggle="modal" data-target="#info">{{req.decisionType}}</a></td>
Появляется модальное окно, но, очевидно, переменные не связаны, поэтому он просто отображает необработанное html-содержимое page2.html