looked at Angular and haven't got the magic

Ranch Hand

Posts: 54

posted 9 months ago

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

Author and ninkuma
Marshal

Posts: 66609

161

I like...

posted 9 months ago

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

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

Ekaterina Galkina

Ranch Hand

Posts: 54

posted 9 months ago

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

Author and ninkuma
Marshal

Posts: 66609

161

I like...

posted 9 months ago

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 months ago

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

Did you see how Paul cut 87% off of his electric heat bill with 82 watts of micro heaters?

looked at Angular and haven't got the magic

Similar Threads