Используйте угловой материал, чтобы сделать всплывающее окно

Question

У меня есть следующий код, который открывает всплывающее окно и отображает информацию, возвращаемую функцией //showDetails(Data.path)//, когда мы нажимаем на значок.

<a ng-show="Data.path" ng-click="showDetails(Data.path)"> 

     <ng-md-icon icon="info" style="fill: green" size="15"></ng-md-icon> 
</a> 

Я хочу, чтобы данные отображались в модальном окне md-диалога. Есть ли простой способ сделать это?

Answer 1

Вам необходимо настроить контроллер, который сообщает $ mdDialog, что ему нужно делать, когда функция showDetails(...) запускается.

См: https://material.angularjs.org/latest/demo/dialog (Нажмите кнопку «View Source» <> значок, а затем перейдите на вкладку «JS», чтобы увидеть пример кода контроллера для использования, или просто перейти прямо к Codepen).

Answer 2

Если вы используете ng-include для своего модального, помните, что Angular создает для него новый охват для детей. Вы можете использовать данные в модальном формате, используя следующее в своем модальном HTML:

{{$parent.Data.path}}