Я ничего не писал в течение долгого времени, и я чувствую, что не знаю, где начать писать вещи. Теперь мне лучше написать что -нибудь техническое сначала. Angularjs, мой брат назвал это "мой брат JS"
1. Скачать
Кода -копия выглядит следующим образом:
官方网址:https://angularjs.org/
CDN:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js
2. Краткое введение в использование 1.ng-app
Определяет область применения Angularjs, вы можете использовать его следующим образом
Кода -копия выглядит следующим образом:
<html ng-app>
…
</html>
Пусть angularjs отобразит всю страницу, вы также можете ее использовать
Кода -копия выглядит следующим образом:
<div ng-app = 'myApp'>
...
</div>
чтобы сделать часть этого.
2.ng-модель
ng-model, когда ваша модель данных изменяется, например, ng-model = 'test', значение этого теста изменяется, значение {{test}} также изменится, то есть тест, подключенный к NG-модели
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<script src = "angular.min.js" type = "text/javascript"> </script>
<Title> Learing Argularjs-widuu </title>
</head>
<body ng-app>
<input ng-model = 'test'> {{test}}
</body>
</html>
3. Angular.module
Это в основном используется для регистрации, создания и индексных модулей. Например, если мы хотим зарегистрировать это в качестве службы, нам нужно использовать его, когда мы обращаемся к индексу модуля. Мы также должны использовать его, когда мы обращаемся к индексу.
Кода -копия выглядит следующим образом:
Angular.Module (имя, [требуется], [configfn]);
#name Имя модуля поиска, созданного по строке типа
#Производительное понимание - это модуль использования, который вам необходимо включить, например, модуль маршрутизации ngroute
#configfn Необязательный модуль функций, функции аналогичны module.config
4. Контроллер
Контроллер - это контроллер метода (имя, конструктор); Где имя является именем контроллера, конструктор является конструктором контроллера, мы используем кусок кода, чтобы проиллюстрировать
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javascript">
var app = angular.module ('myApp', []);
app.controller ('mytest', function ($ scope) {
$ scope.test = "Привет слов";
});
</script>
<Title> Learing Argularjs-widuu </title>
</head>
<body ng-app = 'myapp' ng-controller = 'mytest'>
<input ng-model = 'test'> {{test}}
</body>
</html>
5. Сравнение
Значение также является значением метода (имя, объект); где имя является именем службы, а объект - это объект экземпляра сервера. В настоящее время мы можем изменить приведенный выше код, чтобы быть исправленным таким
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javascript">
var app = angular.module ('myApp', [])
.value ('testvalue', 'word');
app.controller ('mytest', function ($ scope, testvalue) {
$ scope.test = "hello"+ testvalue;
});
</script>
<Title> Learing Argularjs-widuu </title>
</head>
<body ng-app = 'myapp' ng-controller = 'mytest'>
<input ng-model = 'test'> {{test}}
</body>
</html>
5. Фактор
Фабрика также является фабрикой метода (имя, функция поставщика) ;; Где имя является именем службы, функция поставщика - это функция, используемая для создания нового объекта сервера. В настоящее время мы можем изменить приведенный выше код, чтобы быть исправленным таким
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javascript">
var app = angular.module ('myApp', [])
.value ('testvalue', 'widuu')
.Factory ('testFactory', function (testValue) {
возвращаться{
lable: function () {
вернуть "это может выводить: hello"+ testvalue;
}
}
});
app.controller ('mytest', function ($ scope, testvalue, testfactory) {
$ scope.test = "hello"+ testvalue;
$ scope.output = testfactory.lable ();
});
</script>
<Title> Learing Argularjs-widuu </title>
</head>
<body ng-app = 'myapp' ng-controller = 'mytest'>
<input ng-model = 'test'> {{test}}
</p>
{{выход}}
</body>
</html>
6.provider
Поставщик также является поставщиком методов в Angular.Module Provider (имя, ProviderType); где имя является именем службы, а функция поставщика - это функция, используемая для создания нового объекта сервера. Это похоже на завод. Теперь мы переписываем его с поставщиком.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javascript">
var app = angular.module ('myApp', [])
.value ('testvalue', 'widuu')
.provider ('testprovider',
function () {
this.lable = "Это будет выводить: hello widuu";
это. $ get = function () {
вернуть это;
}
}
);
app.controller ('mytest', function ($ scope, testvalue, testprovider) {
$ scope.test = "hello"+ testvalue;
$ scope.output = testprovider.lable;
});
</script>
<Title> Learing Argularjs-widuu </title>
</head>
<body ng-app = 'myapp' ng-controller = 'mytest'>
<input ng-model = 'test'> {{test}}
</p>
{{выход}}
</body>
</html>
7. Сервис
Сервис также является службой метода (имя, конструктор); Где имя является названием службы, конструктор является конструктором, который будет создан. Это похоже на завод. Сейчас мы переписываем это с помощью обслуживания
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javascript">
var app = angular.module ('myApp', [])
.value ('testvalue', 'widuu')
.service ('testService',
функция (testvalue) {
this.lable = function () {
вернуть "это будет выходить из: hello"+testvalue;
}
}
);
app.controller ('mytest', function ($ scope, testvalue, testservice) {
$ scope.test = "hello"+ testvalue;
$ scope.output = testservice.lable ();
});
</script>
<Title> Learing Argularjs-widuu </title>
</head>
<body ng-app = 'myapp' ng-controller = 'mytest'>
<input ng-model = 'test'> {{test}}
</p>
{{выход}}
</body>
</html>
8. Конфликт
Константа также является постоянной метода (имя, объект); где имя является именем константы, а объект - это значение постоянной, мы можем написать это так
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javascript">
var app = angular.module ('myApp', [])
.value ('testvalue', 'widuu')
.constant ('count', 23)
.service ('testService',
Функция (TestValue, count) {
this.lable = function () {
вернуть "Это будет выходить: hello"+testvalue+", возраст is"+count;
}
}
);
app.controller ('mytest', function ($ scope, testvalue, testservice) {
$ scope.test = "hello"+ testvalue;
$ scope.output = testservice.lable ();
});
</script>
<Title> Learing Argularjs-widuu </title>
</head>
<body ng-app = 'myapp' ng-controller = 'mytest'>
<input ng-model = 'test'> {{test}}
</p>
{{выход}}
</body>
</html>
Это все сегодня и продолжает делать это позже.