Forum:

HTML Pages with CSS and JavaScript

looked at Angular and haven't got the magic

Ranch Hand

Posts: 57

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

May be it's not the right topic, but I've looked at Angular and haven't got the magic:
Here is index.html

As I understand, angular html page should include https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js But there is no such file included! And there are no other generated from TypeScript JS-files. Althougth everything works. How?

Bear Bibeault

Sheriff

Posts: 67756

173

I like...

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

We have no idea what is in main.js or system.config.js.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Ekaterina Galkina

Ranch Hand

Posts: 57

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

main.js

systemjs.config.js

/**
 * System configuration for Angular samples
 * Adjust as necessary for your application needs.
 */
(function (global) {
  System.config({
    paths: {
      // paths serve as alias
      'npm:': 'node_modules/'
    },
    // map tells the System loader where to look for things
    map: {
      // our app is within the app folder
      'app': 'app',

// angular bundles
      '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
      '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
      '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
      '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
      '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',

// other libraries
      'rxjs':                      'npm:rxjs',
      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
    },
    // packages tells the System loader how to load when no filename and/or no extension
    packages: {
      app: {
        defaultExtension: 'js',
        meta: {
          './*.js': {
            loader: 'systemjs-angular-loader.js'
          }
        }
      },
      rxjs: {
        defaultExtension: 'js'
      }
    }
  });
})(this);

But anyway, isn't the angular.min.js file the required script?

Bear Bibeault

Sheriff

Posts: 67756

173

I like...

posted 7 years ago

1
Number of slices to send:

Optional 'thank-you' note:

Send

Well the systemjs config is obviously what's loading up the Angular scripts.

Other than that, I'm not going to be much help. I have familiarity with AngularJS (the framework previous to Angular -- Google's naming leaves lots to be desired) but not Angular.

[Asking smart questions] [About Bear] [Books by Bear]

Nag Kakolla

Greenhorn

Posts: 4

posted 7 years ago

1
Number of slices to send:

Optional 'thank-you' note:

Send

Hi,

Answering whether you need ajax.googleapis.com ..../angular.min.js, the way of referencing Angular library is changed from AngularJS version to later versions of Angular.

Use Angular CLI or any seed which will scaffold the project(skeleton project) for you and it will be inherently included and you will see package.json specifiying the version of angular and other relevant libraries versions.

short answer, use any seed project(skeleton project) of Angular

https://github.com/angular/angular-seed (download this code) acts as skeleton project for you

or

https://cli.angular.io/, refer how to install Angular CLI to scaffold angular skeleton project

"I know this defies the law of gravity... but I never studied law." -B. Bunny Defiant tiny ad:

Clean our rivers and oceans from home

https://www.kickstarter.com/projects/paulwheaton/willow-feeders