[Off] Duda con dialog HTML (Angular)
#1

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:

Код:
<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" on‌close="closingDialog()" on‌scrollend="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>
Lo ъnico que me falta es agregar la funciуn en el controlador Angular:

Код:
angular.module('').controller(function ($scope, LxDialogService, LxNotificationService) {
     /* code */
});
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.
Reply
#2

Angular es mucho mбs complicado que agregar un cуdigo a cierto archivo... yo creo que deberнas empezar por algo mбs fбcil.

Jquery puede serte de utilidad, o hasta un simple cуdigo en javascript.
Reply
#3

http://www.albertcoronado.com/2014/0...omment-page-1/
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)