Articles of angularjs

¿Cómo diferir la definición de rutas en Angular.js?

He configurado algunas rutas básicas que están disponibles para todos los usuarios antes de que inicien sesión: App.config(function ($routeProvider) { $routeProvider. when(‘/login’, { templateUrl: ‘views/login.html’, controller: PageStartCtrl.Controller }). otherwise({ redirectTo: ‘/login’ }); }); Entonces, lo único que puede hacer el usuario es iniciar sesión. Después de que el usuario inicie sesión, me gustaría registrar rutas […]

¿Cómo entender el `terminal` de la directiva?

En esta página: http://docs.angularjs.org/guide/directive Objeto de definición de directiva terminal Si se establece en verdadero, la prioridad actual será el último conjunto de directivas que se ejecutará (cualquier directiva en la prioridad actual se ejecutará aún cuando el orden de ejecución en la misma prioridad no esté definido). No lo entiendo bien ¿Qué significa current […]

Angularjs enlaces normales con html5Mode

Estoy trabajando con angularjs en modo html 5. Lo cual parece tomar el control de todos los href en la página. Pero, ¿qué sucede si quiero tener un enlace a algo dentro del mismo dominio de la aplicación, pero no en realidad en la aplicación? Un ejemplo sería un pdf. Si lo hago, angular solo […]

angularJS: cómo llamar a la función de scope de elemento secundario en el ámbito principal

¿Cómo se puede llamar a un método definido en el ámbito hijo desde su ámbito principal? function ParentCntl() { // I want to call the $scope.get here } function ChildCntl($scope) { $scope.get = function() { return “LOL”; } } http://jsfiddle.net/wUPdW/

¿Cuál es el significado de require: ‘ngModel’?

Este es el HTML de mi directiva: En mi directiva tengo esto: return { require: ‘ngModel’, replace: true, scope: { modal: ‘=modal’, ngModel: ‘=’, pid: ‘=pid’ }, ¿Puede alguien decirme cuál es la importancia de require: ‘ngModel’? Veo esto en muchas directivas diferentes. ¿Podría llamar a esto datos-modal? Estoy confundido porque cuando lo cambio a […]

Imagen de vista previa antes de cargar Angularjs

Hola, me preguntaba si había una forma de previsualizar las imágenes antes de subirlas usando angularjs. Estoy usando esta biblioteca. https://github.com/danialfarid/angular-file-upload Gracias. Aquí está mi código: template.html controller.js .controller(‘picUploadCtr’, function($scope, $http,$location, userSettingsService) { $scope.onFileSelect = function($files) { //$files: an array of files selected, each file has name, size, and type. for (var i = 0; […]

AngularJS – ¿Cómo puedo hacer referencia al nombre de la propiedad dentro de un ng-Repeat?

Además de representar el valor de las propiedades en un objeto, también me gustaría representar el nombre de la propiedad como una etiqueta. ¿Hay alguna manera de hacer esto con ng-repeat ? Por ejemplo: {{propertyName}}: {{option}} Que podría escupir algo como esto: Name: John Phone: (123) 456-7890 Country: England

obtener elemento original de ng-clic

Tengo una lista de elementos en mi opinión con ng-click adjunta a ellos: Estoy manejando los eventos de clic en la función foo en mi directiva, pasando $event como referencia al objeto que se ha hecho clic, pero obtengo una referencia a la etiqueta img , en lugar de a la etiqueta li . Entonces […]

Actualizar la variable del ámbito principal en angular

Tengo dos controladores uno envuelto dentro de otro. Ahora sé que el ámbito hijo hereda propiedades del ámbito primario, pero ¿hay alguna manera de actualizar la variable del ámbito principal? Hasta ahora no he encontrado ninguna solución obvia. En mi situación, tengo un controlador de calendario dentro de un formulario. Me gustaría actualizar las fechas […]

Utilizando success / error / finally / catch con Promises en AngularJS

Estoy usando $http en AngularJs, y no estoy seguro de cómo usar la promesa devuelta y manejar los errores. Tengo este código: $http .get(url) .success(function(data) { // Handle data }) .error(function(data, status) { // Handle HTTP error }) .finally(function() { // Execute logic independent of success/error }) .catch(function(error) { // Catch and handle exceptions from […]