Preguntas etiquetadas con angular

Preguntas sobre Angular (que no debe confundirse con AngularJS), el marco web de Google. Use esta etiqueta para preguntas angulares que no son específicas de una versión individual. Para el antiguo marco web AngularJS (1.x), use la etiqueta angularjs.

2
ADVERTENCIA en presupuestos, máximo excedido para inicial
Cuando construyo mi proyecto angular 7 con --prod, tengo una advertencia en los presupuestos. Tengo un proyecto angular 7, quiero construirlo, pero tengo una advertencia: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB Estos son detalles en trozos: chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 …
7
Cómo llamar a otra función de componentes en angular2
Tengo dos componentes de la siguiente manera y quiero llamar a una función desde otro componente. Ambos componentes se incluyen en el tercer componente principal mediante la directiva. Componente 1: @component( selector:'com1' ) export class com1{ function1(){...} } Componente 2: @component( selector:'com2' ) export class com2{ function2(){... // i want …
6
Cómo observar los cambios de forma en Angular
En Angular, podría tener una forma similar a esta: <ng-form> <label>First Name</label> <input type="text" ng-model="model.first_name"> <label>Last Name</label> <input type="text" ng-model="model.last_name"> </ng-form> Dentro del controlador correspondiente, podría observar fácilmente los cambios en el contenido de ese formulario de la siguiente manera: function($scope) { $scope.model = {}; $scope.$watch('model', () => { // …
151 angular 
15
¿Cómo cargar scripts externos dinámicamente en Angular?
Tengo este módulo que compone la biblioteca externa junto con lógica adicional sin agregar la <script>etiqueta directamente en el index.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {...} Me he dado cuenta de la importespecificación por ES6 es estática y se …
3
¿Cuál es la diferencia entre paréntesis, corchetes y asteriscos en Angular2?
He estado leyendo la referencia rápida de Angular 1 a 2 en el sitio web de Angular , y una cosa que no entendí completamente fue la diferencia entre estos caracteres especiales. Por ejemplo, uno que usa asteriscos: <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td> </tr> Entiendo aquí que el símbolo hash …
151 angular 
4
<ng-container> vs <template>
ng-container se menciona en la documentación de Angular 2, pero no hay una explicación de cómo funciona y cuáles son los casos de uso. Se menciona particularmente en ngPluraly ngSwitchdirectivas. ¿Hace &lt;ng-container&gt;lo mismo &lt;template&gt;o depende de si se escribió una directiva para usar uno de ellos? Son &lt;ng-container *ngPluralCase="'=0'"&gt;there is …
8
Parámetros de consulta angular 4 HttpClient
He estado buscando una manera de pasar consulta parámetros en una llamada a la API con el nuevo HttpClientModule's HttpClient, y todavía tengo que encontrar una solución. Con el antiguo Httpmódulo escribirías algo como esto. getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); …
4
Angular4: sin valor de acceso para el control de formulario
Tengo un elemento personalizado: &lt;div formControlName="surveyType"&gt; &lt;div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]="type === selectedType"&gt; &lt;md-icon&gt;{{ type.icon }}&lt;/md-icon&gt; &lt;span&gt;{{ type.description }}&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; Cuando intento agregar el formControlName, recibo un mensaje de error: Error de ERROR: sin valor de acceso para el control de formulario con el nombre: 'surveyType' Traté …
10
¿Cómo mostrar la versión de la aplicación en Angular?
¿Cómo visualizo la versión de la aplicación en la aplicación angular? la versión debe tomarse del package.jsonarchivo { "name": "angular-app", "version": "0.0.1", ... } En angular 1.x, tengo este html: &lt;p&gt;&lt;%=version %&gt;&lt;/p&gt; En angular, esto no se representa como número de versión, sino que se imprime tal como está (en …
6
Importar archivo json en TypeScript
Tengo un JSONarchivo que se parece a lo siguiente: { "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkest": "#007F6E", "tertiaryMain": "#FA555A", "tertiaryDarker": "#F93C42", "tertiaryDarkest": "#F9232A", "darkGrey": "#333333", "lightGrey": "#777777" } Estoy tratando de importarlo a un .tsxarchivo. Para esto agregué esto a la …
5
¿Hay alguna alternativa para ng-disabled en angular2?
Estoy usando angular2 para el desarrollo y me preguntaba si hay alguna alternativa para ng-disabledangular2. Por ej. El siguiente código está en angularJS: &lt;button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib &gt;&gt; {{libraries.name}}"&gt; &lt;i class="fa fa-chevron-right fa-fw"&gt;&lt;/i&gt; &lt;/button&gt; Solo quería saber ¿Cómo puedo lograr esta funcionalidad? alguna entrada?
11
Las pruebas angulares fallan con Error al ejecutar 'enviar' en 'XMLHttpRequest'
Estoy tratando de probar mi componente angular 4.1.0 - export class CellComponent implements OnInit { lines: Observable&lt;Array&lt;ILine&gt;&gt;; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute, private router: Router, private store: Store&lt;AppStore&gt;) { } } Sin embargo, una simple prueba de "debería crear" …
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.