И понеслась

Результат можно посмотреть тут http://parsinflinks.esy.es/
Код части html
<H2>Тест angular.lowercase</H2>
<div ng-controller="ExampleController1">
<form name="userForm">
<label>To lower case:
<input type="text" name="userName" ng-model="user.name" ng-model-options="{ getterSetter: true }" />
</label>
</form>
<pre>lower case: = <span ng-bind="user.lowercaseN()"></span></pre>
</div>
<input type="text" name="userName" ng-model="user.name" ng-model-options="{ getterSetter: true }" />
ng-model="user.name" в свойство, объекта user, name мы записываем то, что введено в форму
<span ng-bind="user.lowercaseN()"></span>
Мы тут запишем в нижнем регистре то что ввели
Текст js
angular.module('getterSetterExample', [])
.controller('ExampleController1', ['$scope', function($scope) {
var _name = 'To Lower Case';
$scope.user = {
name: function(newName) {

return arguments.length ? (_name = newName) : _name;
},
lowercaseN: function() {

return angular.lowercase(_name);
}

};
}]);
angular.module('getterSetterExample', [])
getterSetterExample - это произвольное имя для модуля
не забываем его подключить в
ng-app
ng-app="getterSetterExample"
.controller('ExampleController1', ['$scope', function($scope) {
.controller('ExampleController1', ... - связываем наш контролер
$scope - будет "следить" за изменениями в этом div <div ng-controller="ExampleController1">...</div>
var _name = 'To Lower Case';
Это мы записываем в инпут при первой загрузке страницы
$scope.user - это наш обект user
function(newName) {
return arguments.length ? (_name = newName) : _name;
},
newName - это то что передалось после ввода в инпут вот тут ->

<input type="text" name="userName" ng-model="user.name" ng-model-options="{ getterSetter: true }" />
Если мы что то передали то наша локальная переменная изменилась, иначе осталась такой же
function() { return angular.lowercase(_name);} Здесь мы взяли нашу переменную _name и записали в спан
<span ng-bind="user.lowercaseN()"></span>
Если попытаться сразу же перевести в нижний регистр то что вел пользователь, то мы при вводе не увидим что пишется в верхнем регистре, то есть angular сразу же всё динамически изменить
Я пытался написать так
name:function(newName) {return arguments.length ? (_name =angular.lowercase(newName)) : _name;},
а в <span ng-bind="user.name()"></span></pre>
но ng-model="user.name" брала результат моей функции и записывала в инпут, что мне не нужно было

Vladislav Velev

{Микро цель} {angularjs обучение} angular.lowercase

Goal Accomplishment Criteria

Don't miss new posts!

Signup

Sign in.Allowed.

Widget for your goal

Big (450×150 px)

Small (250×100 px)

For PRO only

[email protected]

Maxim Malikov

Sergey Zakharov

Sign in.
Allowed.