angularjs-components

问题 I am attempting to use the controllerAs Syntax in an angularjs 1.5 component. here is a plunker https://plnkr.co/edit/mTa1bvoNi1Qew9l1xAFS?p=preview without the controllerAs everything works fine. (function() { angular.module("myApp", []) .component("helloWorld", { template: "Hello {{$ctrl.name}}, I'm {{$ctrl.myName}}!", bindings: { name: '@' }, controller: helloWorldController }) function helloWorldController() { /* jshint validthis: true */ var vm = this; vm.myName = 'Alain' } })(); however

问题 I have a Methode from an API. It returns a promise which resolves to an $ctrl(?) object. This objects should contain a measurement and will be updated whenever it receive a new data. getMeasurements.latest(filter) //only a object to filter through all measurements .then(function (latestMeasurement) { $ctrl.latestMeasurement = latestMeasurement; }); My problem is that I don't know how to work with this data or display it in my html file. How does $ctrl work? Here the documentation of the API

问题 I have a Methode from an API. It returns a promise which resolves to an $ctrl(?) object. This objects should contain a measurement and will be updated whenever it receive a new data. getMeasurements.latest(filter) //only a object to filter through all measurements .then(function (latestMeasurement) { $ctrl.latestMeasurement = latestMeasurement; }); My problem is that I don't know how to work with this data or display it in my html file. How does $ctrl work? Here the documentation of the API

问题 Can I use more than one template in AngularJS 1.5 components ? I have one component having one attribute, so I want to load different template based on that attribute name. How can I achieve loading of templates based on attribute name of element? jsConfigApp.component('show', { templateUrl: 'component/show.html', //How to change it based on attribute value? bindings:{ view:"@" }, controller: function () { console.log(this.view) if (this.view = "user") { console.log("user") } else if (this

问题 Angular ng-change on ng-model passed into child directive Basically, I want to be able to pass in ng-model from a parent directive to a child directive. I could just in a 2-way binded value, but then I wouldn't be able to use a ng-change in the parent directive on the child element. I could also use ng-click, but this wouldn't work with a non-clicking change (such as a text area instead of a checkbox). So I'm wondering if there's a way to allow a custom directives to have a ng-model/ng-change

问题 With the release of AngularJS V1.7, the option to pre-assign bindings to has deprecated and removed: Due to 38f8c9, directive bindings are no longer available in the constructor . To migrate your code: If you specified $compileProvider.preAssignBindingsEnabled(true) you need to first migrate your code so that the flag can be flipped to false . The instructions on how to do that are available in the "Migrating from 1.5 to 1.6" guide. Afterwards, remove the $compileProvider

问题 I've been upgrading my custom directives to the new component architecture. I've read that components do not support watchers. Is this correct? If so how do you detect changes on an object? For a basic example I have custom component myBox which has a child component game with a binding on the game . If there is a change game within the game component how do I show an alert message within the myBox? I understand there is rxJS method is it possible to do this purely in angular? My JSFiddle

问题 I've been upgrading my custom directives to the new component architecture. I've read that components do not support watchers. Is this correct? If so how do you detect changes on an object? For a basic example I have custom component myBox which has a child component game with a binding on the game . If there is a change game within the game component how do I show an alert message within the myBox? I understand there is rxJS method is it possible to do this purely in angular? My JSFiddle

问题 I've been upgrading my custom directives to the new component architecture. I've read that components do not support watchers. Is this correct? If so how do you detect changes on an object? For a basic example I have custom component myBox which has a child component game with a binding on the game . If there is a change game within the game component how do I show an alert message within the myBox? I understand there is rxJS method is it possible to do this purely in angular? My JSFiddle

问题 let me give an example if I could with 3 components: <grandparent> <parent> <grandson> If grandparent has an object, let us say a person const person = { name: 'William', age: 102 } How would the grandson be able to inherit that value from grandparent? <title={{ $ctrl.person.name }}> won't work because the $ctrl would be the parent. hoping that my lighthearted example is taken as such. 回答1: Check this plunkr Here is the updated code: <grand-parent> <cbs-cus-comp com-bind='grandParentCntAs