06.09.2015, 21:26
Hola,
Estaba intentando poner un dialog (modal) en HTML:
Aquн estб el cуdigo, arriba del todo el botуn y debajo todo el contenido del dialog:
Lo ъnico que me falta es agregar la funciуn en el controlador Angular:
Pero no se dуnde es. Si alguien tiene idea y ha usado este tipo de cosas que me diga cуmo es por favor. Muchas gracias.
Estaba intentando poner un dialog (modal) en HTML:
Aquн estб el cуdigo, arriba del todo el botуn y debajo todo el contenido del dialog:
Код:
<button class="btn btn--m btn--black btn--flat" ng-click="opendDialog('test')" lx-ripple>Open dialog</button>
<lx-dialog class="dialog dialog--l" id="test" auto-close="true" onclose="closingDialog()" onscrollend="scrollEndDialog()">
<div class="dialog__header">
<div class="toolbar bgc-light-blue-500 pl++">
<span class="toolbar__label tc-white fs-title">
Lorem Ipsum
</span>
<div class="toolbar__right">
<button class="btn btn--l btn--white btn--icon" lx-ripple ng-click="addPerson()">
<i class="mdi mdi-plus"></i>
</button>
</div>
</div>
</div>
<div class="dialog__content">
<lx-tabs links-tc="light" links-bgc="light-blue-500" indicator="yellow-500" no-divider="true" layout="inline">
<lx-tab heading="Lorem Ipsum 1">
<div class="p++">
<div ng-repeat="person in people">
{{ person.name }} - {{ person.email }} - {{ person.age }}
</div>
</div>
</lx-tab>
<lx-tab heading="Lorem Ipsum 2">
<div class="p+">
<p>Lorem Ipsum Content 2</p>
<lx-text-field label="Description">
<textarea ng-model="textFields.description"></textarea>
</lx-text-field>
</div>
</lx-tab>
<lx-tab heading="Lorem Ipsum 3">
<p class="p++">Lorem Ipsum Content 3</p>
</lx-tab>
</lx-tabs>
</div>
<div class="dialog__actions">
<button class="btn btn--m btn--black btn--flat" lx-ripple lx-dialog-close>Cancel</button>
<button class="btn btn--m btn--black btn--flat" lx-ripple>Lorem Ipsum</button>
</div>
</lx-dialog>
Код:
angular.module('').controller(function ($scope, LxDialogService, LxNotificationService) {
/* code */
});

