Difference between @angular/core and angular 2/core

Basically these two reference we used when we import some classes like 'Component' and we used the classes in our typescript(.ts) file .

Initially when angular 2 was in Beta version we were using the namespace angular2/core to import any class in our typescript file.

But when angualar 2 was released in RC(Release Candidate) mode then we used @angular/core  to import any class in our typescript file. In Release  candidate mode Angular team repackaged all the packages and distributed @Angular npm scope.

So one thing i just want to mention here that when you will used this "angular2/core", you should see a folder structure in your application root folder like

 E:\Projects\Demo\node_modules\angular2\core

But If you will import any class by this reference "@angular/core",then you should see the folder structure like this

 E:\Projects\Demo\node_modules\@angular\core

 Note:
 This folder creation will done npm .When you will execute the command 'npm install' it will create all those angular dependency as per package.json file configuration.

If you want to check more on package.json and how to create a angular application you can check here (https://whymysolutions.blogspot.in/2017/08/angular-2-application-using-visual.html)



Comments

  1. priya rajeshAugust 17, 2018 at 2:40 PM

    Thanks for sharing this difference admin, it is really helpful. I learned a lot and I have bookmarked this page for my future reference.
    Angular 2 Training in Chennai | Angular 4 Training in Chennai

    ReplyDelete
  2. JohnFebruary 23, 2019 at 9:45 PM

    Thanks a lot Priya.

    ReplyDelete

Post a Comment

Popular posts from this blog

The input is not a valid Base-64 string as it contains a non-base 64 character, more than two padding characters, or an illegal character among the padding characters.

I was trying to upload a file in client side and sending back the data from the client to Web API controller by angular service . Step 1 : I was doing it by. (It was bot the complete code )   function saveFile(file, cb) {     var readerObj = new FileReader();     readerObj .readAsDataURL(file);     readerObj .onload = function () {         savedFileDataAsBase64Format(readerObj .result, file.name,cb);     };     readerObj .onerror = function (error) {         alert("Error in uploading the file.");     }; Step 2 :     This is my Web api controller action method.        [HttpPost]         [Route("api/FileInput/SaveBase64FileData/{fileName}")]         public void SaveBase64FileData(string fileName, [FromBody]string fileData)         {     ...
Read more

The transaction is aborted or Failure while attempting to promote transaction.

This error is generally produced while you working on the  Linq query with Entity framework and there was some other system configurations like Visual studio 2015. Entity framework version 4. C# 4.5 But while I checked the Inner exception I got the following message  "There is already an open DataReader associated with this Command which must be closed first" So in my case there was some WCF services and from the WCF services I was extracting the data by Linq query . This was code  Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 using (TransactionScope scope = new TransactionScope()) { using (CentralisedData_DataDataContext db = new CentralisedData_DataDataContext()) { // Some code was there } db.SubmitChanges(); ...
Read more

Unable to load one or more breakpoints in Visual studio.

Image
Those who are working on Visual studio IDE they might have faced this type of error while opening any existing project . Sometimes by rebuild the solution or removing the break points the issue is get resolved .  So this problem/ issue is caused due to various reason but among those reason one of them is worked for me .  Here is my solutions. It worked for me . Please follow my steps. Step 1:    Please go to the physical folders/files of your solution . Just right click of the solution and from the options choose "Open Folder is File Explorer". Please check the attached Image. Please click on Image to view it properly Step 2:     Then you will see the files like this. Then please check the if the "Hide Items" checkbox is checked or not . If not checked please check that one. Then you will   see .vs folder .                               Please click on Im...
Read more