javascript - AngularJS not able to type in textbox -


at moment try implement app angularjs. @ first problem: not able type text textbox.

i have zoomservice increments , decrements zoom property. user able zoom slider, buttons , textbox unfortunatelly part textbox doesn't work.

here code:

"use strict";  app.service("zoomservice", ["$rootscope", function ($rootscope) {      var data = {         zoom: 100,         upperbound: 200, // todo: aus konfigurationsdatei lesen         lowerbound: 20 // todo: aus konfigurationsdatei lesen     };      return {         data: data,          increment: function() {             if ($rootscope.$root.$$phase != "$apply" && $rootscope.$root.$$phase != "$digest") {                 $rootscope.$apply(function() {                     if (data.zoom + 1 <= data.upperbound)                         data.zoom++;                 });             } else {                 if (data.zoom + 1 <= data.upperbound)                     data.zoom++;             }         },          decrement: function() {             if ($rootscope.$root.$$phase != "$apply" && $rootscope.$root.$$phase != "$digest") {                 $rootscope.$apply(function () {                     if (data.zoom - 1 >= data.lowerbound)                         data.zoom--;                 });             } else {                 if (data.zoom - 1 >= lowerbound)                     data.zoom--;             }         },          reset: function() {             if ($rootscope.$root.$$phase != "$apply" && $rootscope.$root.$$phase != "$digest") {                 $rootscope.$apply(function () {                     data.zoom = 100;                 });             } else {                 data.zoom = 100;             }         }     } }]);  app.controller("startcontroller", ["$scope", "zoomservice", function($scope, zoomservice) {      $scope.zoom = zoomservice;  }]); 
<div data-ng-show="project.data.project !== null" class="zoom top-right">     <div>         <form name="zoomform" data-ng-init="setformscope(this)">             <img src="/styles/images/16x16/fi_verkleinern.png" data-ng-click="zoom.decrement()" alt="zoom -" title="zoom -" />             <input class="slider" type="range" min="{{zoom.data.lowerbound}}" max="{{zoom.data.upperbound}}" data-ng-model="zoom.data.zoom" />             <img src="/styles/images/16x16/fi_vergroessern.png" data-ng-click="zoom.increment()" alt="zoom +" title="zoom +"/>             <input name="directzoom" type="text" data-ng-minlength="2" data-ng-maxlength="3" data-ng-pattern="/^[0-9]{2,3}$/" data-ng-model="zoom.data.zoom" data-ng-model-options="{updateon: 'blur'}" data-ng-keyup="cancel($event)" />         </form>     </div> </div>

i happy every small hint solve problem. in advance!

there parent element (md-select in case) eating key down events. fix this, try adding onkeydown="event.stoppropagation()" input tag. prevent event reaching parent element, can't call preventdefault() anymore.

example:

<input type="text" ng-model="zoom.data.zoom" ... onkeydown="event.stoppropagation()" />

if doesn't work, try looking other code might calling preventdefault() , eating keydown events.

it's possible have logic reverting model value original value type. check ng-change or $watch events might doing this. although not issue if use {updateon: 'blur'}.


Comments

Post a Comment

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

i have web app developed using google app script htmlservice , html form, populating excel sheet in google drive using spreadsheetapp . , 1 section calling contentservice download data excel file. function doget(e) { // read excel sheet //getappfile(); // render application html template return htmlservice.createtemplatefromfile('index').evaluate() .settitle('go smart') .setsandboxmode(htmlservice.sandboxmode.iframe); } function downloaddoublequatecsvfile() { var sheetid = propertiesservice.getscriptproperties().getproperty('sheetid'); var ss = spreadsheetapp.openbyid(sheetid).getactivesheet(); //var ss = spreadsheetapp.getactivespreadsheet().getactivesheet(); var maxcolumn = ss.getlastcolumn(); var maxrow = ss.getlastrow(); var data = ss.getrange(1, 1, maxrow, maxcolumn).getvalues(); if (data.length > 1) { var csv = ""; (var row = 0; row < data.length; row++) { (var c...
Read more

javascript - Function overwritting -

is there way overwrite function or event handling in function? using addeventlistener, can have many event handlers on element want var test=document.getelementbyid("div"); test.addeventlistener("click",function(){alert("im first");},false); test.addeventlistener("click",function(){alert("im second");},false); // alerts "im first" , after "im second" but if want overwrite function/event example based on client width example this function one() { alert("first"); } function two() { alert("second"); } window.onresize = function() { var test = document.getelementbyid("div"); if (window.innerwidth > 500) { test.onclick = 1 } else { test.onclick = two; } } is possible in javascript? in case use effective little known approach. addeventlistener can accept object property handleevent event handler. in case it's easy overwr...
Read more

php - Find a regex to take part of Email -

i have following emails need extract part from: bestellnummer xxx: 1 von xxx, 1er pack ------------- anfang der nachricht ------------- foo bar baz foo bar baz // <<<<< need text here ------------- ende der nachricht ------------- ------------- anfang der nachricht ------------- foo bar baz foo bar baz ------------- ende der nachricht ------------- there 0 unlimited occurences of ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- and i'm able extract first part regex: $re = "/------------- .*? -------------.?(.*?).?------------- .*? -------------/s"; but, i'm quite new on learning regex, i'm pretty sure there must better regex extract part (foo bar baz foo bar baz) of text between ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- as can in different languages, i'm using .? to match between hyphens. i...
Read more