You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Use the directives found in `igniteui-angular.js` to use [Ignite UI](http://igniteui.com) controls in [AngularJS](http://angularjs.com) pages. [Work with the running samples here](http://igniteui.github.io/igniteui-angular) or quickly bootstrap your AngularJS project with this preconfigured application - [Ignite UI AngularJS seed](https://github.com/IgniteUI/igniteui-angular-seed/).
8
+
Use the directives found in `igniteui-angularjs.js` to use [Ignite UI](http://igniteui.com) controls in [AngularJS](http://angularjs.com) pages. [Work with the running samples here](http://igniteui.github.io/igniteui-angularjs) or quickly bootstrap your AngularJS project with this preconfigured application - [Ignite UI AngularJS seed](https://github.com/IgniteUI/igniteui-angularjs-seed/).
9
+
10
+
**IMPORTANT** The repository has been renamed from `igniteui-angular` to `igniteui-angularjs`. This is to avoid confusion caused by the new [naming convention](https://medium.com/google-developer-experts/angular-new-naming-guidelines-eacbebd09363) of Angular.
9
11
10
12
# Requirements
11
13
12
14
-[jQuery](http://www.jquery.com) v1.8 and later
13
15
-[AngularJS](http://www.angularjs.org) v1.0 and later
14
16
-[Ignite UI](http://www.igniteui.com) 13.1 and later
15
17
16
-
> **Note:** The Ignite UI Angular directives *do not* work with the Ignite UI ASP.NET MVC Helpers
18
+
> **Note:** The Ignite UI AngularJS directives *do not* work with the Ignite UI ASP.NET MVC Helpers
17
19
18
20
# Install
19
21
20
-
You can install this package either with `npm` or with `bower`. This is a development repo!
22
+
You can install this package either with `npm` or with `bower`. This is a development repo!
23
+
24
+
`igniteui-angularjs` depends on the `ignite-ui-full` licensed package. Follow [this guide](https://www.igniteui.com/help/using-ignite-ui-npm-packages) on setting up access to the Ignite UI private npm feed and add the dependency to the `package.json`.
25
+
26
+
```
27
+
"dependencies": {
28
+
"@infragistics/ignite-ui-full": "latest"
29
+
}
30
+
```
21
31
22
32
### npm
23
33
24
34
```shell
25
-
npm install igniteui-angular
35
+
npm install igniteui-angularjs
26
36
```
27
37
28
38
### bower
29
39
30
40
```shell
31
-
bower install igniteui-angular
41
+
bower install igniteui-angularjs
32
42
```
33
43
34
44
# Building
35
-
Build will produce an obfuscated and minified version of the `src/igniteui-angular.js` in the `dist/igniteui-angular.min.js`.
36
-
The build will also put the original and the minified version of the `src/igniteui-angular.js` in the `dist/npm` for distribution to npm.
45
+
Build will produce an obfuscated and minified version of the `src/igniteui-angularjs.js` in the `dist/igniteui-angularjs.min.js`.
46
+
The build will also put the original and the minified version of the `src/igniteui-angularjs.js` in the `dist/npm` for distribution to npm.
37
47
The build uses [Grunt](http://gruntjs.com/), so you need [Node.js](http://nodejs.org/) installed on your machine.
38
48
To build the project use the following steps:
39
49
40
-
1. Open a console in the folder where the **igniteui-angular** project is located
50
+
1. Open a console in the folder where the **igniteui-angularjs** project is located
41
51
2. Run `npm install`
42
52
3. Run `grunt build`
43
53
@@ -47,13 +57,13 @@ There are two ways of getting started with the Ignite UI directives. The first o
47
57
48
58
## Ignite UI AngularJS quick start application
49
59
50
-
[Ignite UI AngularJS seed](https://github.com/IgniteUI/igniteui-angular-seed/) is an application skeleton for a typical AngularJS web app using the Ignite UI directives for AngularJS. You can use it to quickly bootstrap your angular webapp projects and dev environment for these projects.
60
+
[Ignite UI AngularJS seed](https://github.com/IgniteUI/igniteui-angularjs-seed/) is an application skeleton for a typical AngularJS web app using the Ignite UI directives for AngularJS. You can use it to quickly bootstrap your angular webapp projects and dev environment for these projects.
51
61
52
62
The seed contains a sample AngularJS application and is preconfigured to install the Angular framework and a bunch of development and testing tools for instant web development gratification.
53
63
54
64
## Page setup
55
65
56
-
In the page markup include the Ignite UI AngularJS directives file found in `dist/igniteui-angular.min.js` along with the Ignite UI scripts:
66
+
In the page markup include the Ignite UI AngularJS directives file found in `dist/igniteui-angularjs.min.js` along with the Ignite UI scripts:
57
67
58
68
<script src="jquery.min.js"></script>
59
69
<script src="jquery-ui.min.js"></script>
@@ -62,7 +72,7 @@ In the page markup include the Ignite UI AngularJS directives file found in `dis
62
72
<script src="infragistics.core.js"></script>
63
73
<script src="infragistics.lob.js"></script>
64
74
65
-
<script src="igniteui-angular.min.js"></script>
75
+
<script src="igniteui-angularjs.min.js"></script>
66
76
67
77
Reference the `igniteui-directives` in your AngularJS module:
68
78
@@ -78,7 +88,7 @@ Controls can be initialized in two ways:
78
88
## Markup Initialization
79
89
80
90
### Custom tags
81
-
Each control implements a custom tag directive where the tag name is formed by splitting each capital letter in the control name with the `-` symbol (This naming convention follows the standard Angular normalization process).
91
+
Each control implements a custom tag directive where the tag name is formed by splitting each capital letter in the control name with the `-` symbol (This naming convention follows the standard AngularJS normalization process).
82
92
83
93
**Note**: It is recommended to use closing tags (`</ig-combo>`) over the self-closing tags (`<ig-combo/>`), because the latter are known to make issues on some browsers (depending on the used document mode).
84
94
@@ -135,7 +145,7 @@ Binding to control events is done again with attributes. Event attribute names a
Each control also implements a custom attribute directive where the attribute name is formed by splitting each capital letter in the control name with the `-` symbol (this naming convention follows the standard Angular normalization process) and the attribute value corresponds to the scope object holding the control options.
148
+
Each control also implements a custom attribute directive where the attribute name is formed by splitting each capital letter in the control name with the `-` symbol (this naming convention follows the standard AngularJS normalization process) and the attribute value corresponds to the scope object holding the control options.
139
149
140
150
#### Examples:
141
151
@@ -180,10 +190,10 @@ The following controls currently support two-way data binding:
180
190
3. igEditors
181
191
4. igTree
182
192
183
-
**Note**: When using control API methods which modify the data source outside the Angular framework you need to explicitly call [Scope.$apply()](https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$apply) in order to see Angular view updated.
193
+
**Note**: When using control API methods which modify the data source outside the AngularJS framework you need to explicitly call [Scope.$apply()](https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$apply) in order to see AngularJS view updated.
184
194
185
195
## Testing
186
-
There are two kinds of tests in Igniteui-angular: Unit tests and End to End tests. All of them are written in [Jasmine](http://jasmine.github.io/).
196
+
There are two kinds of tests in igniteui-angularjs: Unit tests and End to End tests. All of them are written in [Jasmine](http://jasmine.github.io/).
187
197
188
198
#### Setup
189
199
Simply do:
@@ -241,7 +251,7 @@ To combine the both reports into one single report you need to execute:
241
251
242
252
npm run cover-combined
243
253
244
-
After that the default directory where you can open the code coverage is igniteui-angular/coverage/final/lcov/src.
254
+
After that the default directory where you can open the code coverage is igniteui-angularjs/coverage/final/lcov/src.
245
255
246
256
**Running specific coverage:**
247
257
@@ -251,7 +261,7 @@ To view the code coverage only for the Protractor you need to run the command:
251
261
252
262
npm run cover-protractor
253
263
254
-
After that the location is the same(igniteui-angular/coverage/final/lcov/src). That is because the Protractor report is not easily readable by default.
264
+
After that the location is the same(igniteui-angularjs/coverage/final/lcov/src). That is because the Protractor report is not easily readable by default.
Copy file name to clipboardExpand all lines: dist/npm/README.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,4 @@
1
-
Use the directives found in `igniteui-angular.js` to use [Ignite UI](http://igniteui.com) controls in [AngularJS](http://angularjs.com) pages. [Work with the running samples here](http://igniteui.github.io/igniteui-angular).
1
+
Use the directives found in `igniteui-angularjs.js` to use [Ignite UI](http://igniteui.com) controls in [AngularJS](http://angularjs.com) pages. [Work with the running samples here](http://igniteui.github.io/igniteui-angularjs).
2
2
3
3
#Requirements
4
4
@@ -12,7 +12,7 @@ Use the directives found in `igniteui-angular.js` to use [Ignite UI](http://igni
12
12
13
13
## Page setup
14
14
15
-
In the page markup include the Ignite UI AngularJS directives file found in `./node_modules/igniteui-angular/igniteui-angular.min.js` along with the Ignite UI scripts:
15
+
In the page markup include the Ignite UI AngularJS directives file found in `./node_modules/igniteui-angularjs/igniteui-angularjs.min.js` along with the Ignite UI scripts:
16
16
17
17
<script src="jquery.min.js"></script>
18
18
<script src="jquery-ui.min.js"></script>
@@ -21,7 +21,7 @@ In the page markup include the Ignite UI AngularJS directives file found in `./n
21
21
<script src="infragistics.core.js"></script>
22
22
<script src="infragistics.lob.js"></script>
23
23
24
-
<script src="igniteui-angular.min.js"></script>
24
+
<script src="igniteui-angularjs.min.js"></script>
25
25
26
26
Reference the `igniteui-directives` in your AngularJS module:
0 commit comments