Beginer using IONIC

ionic-v1
1

Hello all,
I’m very new using Ionic Framework, and I have some problems because the HTML doesn’t recognize the ionic directives like < ion-content>

I think this problem is because my CDN link of ionic is wrong, could someone give me the CDN link of the last stable ionic version?

Thank You in advance.

2

https://code.ionicframework.com/#

3

see

//code.ionicframework.com/nightly/js/ionic.bundle.js

use like this

<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">

<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

You can see one working example of ionic

http://codepen.io/codeandyou/pen/obvYOG

You can find out important ionic articles and update one forums

4

I added my code because I add CDN and doesn’t work, I dont know where is the error. Thank a lot.

<html>
<head>
<meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Title</title>
<link href="http://code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
<script src="http://code.ionicframework.com/nightly/js/ionic.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic-angular.js"></script>
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
</head>
<body>
<ion-content>
<div class="list" style="width: 80%; align-items: center;">
  <label class="item item-input">
    <span class="input-label">Username</span>
    <input type="text">
  </label>
  <label class="item item-input">
    <span class="input-label">Password</span>
    <input type="password">
  </label>
<div>
    <button class="button button-positive">Submit</button>
</div>
</div>
</ion-content>
</body>
</html>
5

if you are including ionic.bundle.js you does not need ionic-angular.js.
this will result in an error…

6

I removed ionic-angular.js but still doesn’t work.

7

Thanks you, I can fix the problem when I define ng-app.

Y lo saco la panchina de Sonia, en tu cara JP.

1 Like