angularjs - Extending Chips from angular-material -

-

i'm trying create layer on top of md-chips called chip-filter

which has functionality build in;e.g.

  • a navigation chip (when removed, redirects user specific url)
  • add place n app chip
  • ...

so got basics working, hooking in componentsregistry, , being able call place.

but i'm trying chips chipfiltercontroller <md-chips>

html:

<chip-filter md-component-id="testid">   <md-chips ng-model="chips">     <md-chip-template>       <strong>{{$chip}}</strong>       <em>(type)</em>     </md-chip-template>   </md-chips> </chip-filter>

and directive:

function chipfilterdirective($log) {   function postlink(scope, element, attr, sidenavctrl) {     element.on("$destroy", function() {       sidenavctrl.destroy();     });   }    return {     restrict: "e",     scope: {},     controller: "chipfiltercontroller",     compile: function(element) {       return postlink;     }   }; }

and controller:

function chipfiltercontroller($scope, $element, $attrs, $mdcomponentregistry, $q, $log) {   var self = this;   $scope.chips = [];       function addchip(input, type) {     var def = $q.defer();      $scope.chips.push({       name: input,       type: type     });      def.resolve();     return def.promise;   }    self.addnavigationchip = function() {     return addchip("stuff");   };   self.addchip = function() {     return addchip("stuff");   };    self.destroy = $mdcomponentregistry.register(self, $attrs.mdcomponentid); }

full codepen: http://codepen.io/cskiwi/pen/ejryqk?editors=1010

setting scope false (or removing object) made work


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5); ...
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:...
Read more