javascript - How prevent angular auto trim for fields? -

-

is there way prevent angular auto trim fields in whole application? know can prevent specified field using ngtrim directive, doesn't add directive text fields in application, there way fields in angular module? here code, if add add spaces in begin of input not appear in label:

<div ng-app>   <div ng-controller="todoctrl">       {{field}}     <input type="text" ng-model="field">   </div> </div>

you can extend input[text] directive, code below automatically change value of attribute ngtrim false:

.directive('input', function($compile){     // runs during compile     return {       link(scope, ielement, iattrs) {         if (ielement.attr('type') === 'text') {           iattrs.$set('ngtrim', "false");         }       }     }; });

reference: https://docs.angularjs.org/api/ng/type/$compile.directive.attributes 

<!doctype html>  <html lang="en">  <head>    <meta charset="utf-8">    <title>example - example-text-input-directive</title>          <script src="https://docs.angularjs.org/angular.min.js"></script>            </head>  <body ng-app="textinputexample">    <script>    angular.module('textinputexample', [])      .controller('examplecontroller', ['$scope', function($scope) {        $scope.example = {          text: 'guest'        };      }])      .directive('input', function($compile){      	// runs during compile      	return {      	  link(scope, ielement, iattrs) {      	    if (ielement.attr('type') === 'text') {      	      iattrs.$set('ngtrim', "false");      	    }      	  }      	};      });  </script>  <form name="myform" ng-controller="examplecontroller">    <label>single word:      <input type="text" name="input" ng-model="example.text" required>    </label>    <div role="alert">      <span class="error" ng-show="myform.input.$error.required">        required!</span>      <span class="error" ng-show="myform.input.$error.pattern">        single word only!</span>    </div>    <tt>text = {{example.text}} - 3</tt><br/>    <tt>text = {{example.text.length}} - 3</tt><br/>    <tt>myform.input.$valid = {{myform.input.$valid}}</tt><br/>    <tt>myform.input.$error = {{myform.input.$error}}</tt><br/>    <tt>myform.$valid = {{myform.$valid}}</tt><br/>    <tt>myform.$error.required = {{!!myform.$error.required}}</tt><br/>   </form>  </body>  </html>

edit:

how works

1) can bind multiple directives same html element , can share same $scope , $attributes.

2) iattrs.$set('ngtrim', "false"); updating attribute ng-trim. can't using normal dom manipulation because dom compiled (https://docs.angularjs.org/api/ng/service/$compile)

3) calling iattrs.$set trigger updates on directives, override original ng-trim attribute value.


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more