Angular

469

Solutions

310

Contributors

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.

Share tech news, updates, or what's on your mind.

Sign up to Post

I've been trying to get this ng-idle example working and got help yesterday from Leakim and Leonidas here  The answer helped but I have an issue now....


You can see it here http://147.75.0.124:88/

1. I first put the ng-idle on the front page as an example and that works. You see that it pops up.
    I did it by changing module.js and I have config with  run
          I also change loginController and added the popup code to index.cshtml

That worked but I want it inside the site itself so I did this  Please login with this admin@admin.test /Password321$

2. Changed "mainController.js" and added
 
 angular
        .module('lawApp', ['ngIdle', 'ui.bootstrap'])
        .controller('mainCntrl', mainController)
    .config(function(IdleProvider, KeepaliveProvider) {
        IdleProvider.idle(5);
        IdleProvider.timeout(5);
        KeepaliveProvider.interval(10);
    }).run(['Idle', function (Idle) {
            Idle.watch();
        }]);
  

Open in new window


3. Added the ng-idle code to mainController.js

4. Added the popup code to the razor code

The idle popup displays but look at console and now the other controllers are broken. "feedController" is not defined anymore. Click on "Forms" and FormController is not defined anymore either.

Things I tried:

I added 'ngIdle' to feedController but didn't work
Changed the order of the controllers I call but then mainController throws an error

I know adding .module('lawApp', ['ngIdle', 'ui.bootstrap'])  to mainController is making the other controllers not get initialized. I've read about it on a link Julian Hanson sent me once. I fixed them a while back and now running into it again because I added ng-idle.

Please don't suggest rewriting this in Angular 2
0
Get your problem seen by more experts
LVL 11
Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Time to get some help because this the 3rd day that I'm trying to figure out what I'm missing

1. I'm following this example ng-idle example
I found other examples as well and this is another Another example

2. You can see it here. I have the "start demo" button on the front page
http://147.75.0.124:88/

3. In module.js, I have this. I step thru it and I see 'Idle' is defined

(function() {
    'use strict';

    angular.module('lawApp', ['ui.bootstrap', 'ngIdle'])
    .config(["IdleProvider", "KeepaliveProvider", function (IdleProvider, KeepaliveProvider) {
        IdleProvider.idle(5);
        IdleProvider.timeout(5);
        KeepaliveProvider.interval(10);
    }])
        .run(['Idle', function (Idle) {
        Idle.watch();
    }]); //['ui.bootstrap']  I moved this to login page and it works fine. Having it here and not having it in the login page also works

  
})();

Open in new window

4. I put the rest of the code from the demo in logincontroller.js

 function loginController($scope, loginService, $uibModal,Idle,Keepalive)
   {
       .....

            //*** idle

       $scope.started = false;

       function closeModals() {
           if ($scope.warning) {
               $scope.warning.close();
               $scope.warning = null;
           }

           if ($scope.timedout) {
               $scope.timedout.close();
               

Open in new window

0
How  can  I   run  NPM  commands behind a company  corporate proxy server?I tried to google online with no  success.
npm config set proxy http://xxx.cc.zz:8080
npm config set https-proxy http://xxx.cc.zz:8080
0
Have  an HTML5 "tel" control and I wanted the user to enter phone number with any of the following format

(404) 555-1111
404-555-1111
40405551111

I have an ng-pattern to handle the 10 digit. The max length should be between 10 and 14
ng-pattern = "/^(\d{10})$/"

How can I create a regular expression to do this,,

Thanks for your help
0
Hi Experts:

I have this angularJS code. This has few airline flight data, I need the following filters:
1. To display only one airline flights e.g. Delta only or United only.
2. Given a min max price range. I need to display flights only in that range. Say, the range is 100 USD till 125 USD. I need flights within the range of 100...125.
3. I need to display flight taking off before 10 AM.

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body ng-app="myApp">

<table ng-controller="myCtrl">
<tr ng-repeat="x in flights">
  <td>{{x.no}}</td>
  <td>{{x.from}}</td>
  <td>{{x.to}}</td>
  <td>{{x.starttime}}</td>
  <td>{{x.reaching}}</td>
  <td>{{x.Duration}}</td>
  <td>{{x.price}}</td>
  <td>{{x.Name}}</td>
  <td>{{x.Country}}</td>
</tr>
</table>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.flights = [
    {no:'DL 123', from:'SFO', to:'DEN', starttime:'7 AM', stop:'0', reaching:'9 AM', Duration:'2h', price:'100 dollars'},
    {no:'UA 123', from:'SFO', to:'DEN', starttime:'9 AM', stop:'1', reaching:'9 AM', Duration:'2h', price:'120 dollars'},
    {no:'VX 123', from:'SFO', to:'DEN', starttime:'12 PM', stop'2', reaching:'9 AM', Duration:'2h', price:'130 dollars'}
  ]
});
</script>

</body>
</html>

Open in new window


Please help me out with slight controller code.

Best Regards

Sunnybrad
0
My <courses> is not being listed out in my 'app.component.html' file.  The reason is because 'this.courses = service.getCourses();' in my 'courses.component.ts' file return undefined and I'm not sure why.  I am new to Angular and was going through a udemy course.

app.component.html
<h1>Angular</h1>
<courses></courses>

Open in new window

courses.component.ts
import { CoursesService } from './courses.service';
import { Component } from '@angular/core';

@Component({
    selector: 'courses',
    template: `
          <h2>{{Title}}</h2>
          <li *ngFor="let course of courses">
            {{ course }}
          </li>
          `
})

export class CoursesComponent{
    title = "List of courses";
    courses;

    // getTitle(){
    //     return this.title;
    // }

    constructor(){
        let service = new CoursesService();
        console.log("service:"+service.getCourses())
        this.courses = service.getCourses();
    }
}

Open in new window


courses.service.ts
export class CoursesService{
    getCourses(){
        return ["Course1","Course2","Course3"];
    }
}

Open in new window

1
For a .net developer who already has experience with asp.net web forms, MVC, sql server, entity framework, jquery, JavaScript, bootstrap, HTML5, css3.and now wants to learn angular.

What's the best version of angular to start with?

I know that Angular 2 is a complete re-write from the first version of Angular.

I notice a lot of the books out there on the market are on Angular 2 and a few are on Angular 4.

So would it just be best to start learning Angular with Angular 2 and use books, videos and other online articles?

Or in your opinion what's the best approach?
0
I need to allow users to upload their financial reports (PDF or CSV) to my site, but enable them to obscure private data (Business Name, Merchant Account Numbers, etc.) before any data gets stored to the disk.

I need to use Angular to create a list of user data fields extracted from the PDF and display them for approval, perhaps with a checkbox next to each field. Fields which contain that merchants proprietary data need to be then be checked off by the user so those fields would be populated with XXXXX's.

I do not want to store that PDF onto my server. Instead, I want the user to select the fields needing to be hidden. Or even ignore them altogether. I just do not want that PDF on my server.

So, the question is...

Can Angular extract the contents of a PDF that has been uploaded? And a PDF that does not exist on disk?

I could save the extracted data onto my server in some other fashion, not yet decided.

I prefer Angular 4, and hope this functionality exists in Angular 4.

It's an interesting challenge. I see Angular as a great platform for nested logic and as a place to store objects and lists of objects. And to do the first part of processing this data on the client is what intrigues me.

Thanks.
0
Hi:

I have to add remove input fields dynamically in angularJS. I am including a working Javascript implementation below:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.sanwebe.com/wp-content/cache/minify/e907d.js"></script>
<script>
$(document).ready(function() {
    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID

    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
            $(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
        }
    });

    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    });
});
</script>
<div class="input_fields_wrap">
    <button class="add_field_button">Add More Fields</button>
    <div><input type="text" name="mytext[]"></div>
</div>

</body>
</html>

Open in new window

I need the same things in angularJS to start with. This implementation is Javascript and uses a Javascript library. This is essentially https://www.sanwebe.com/2013/03/addremove-input-fields-dynamically-with-jquery
this example.

A working example of same thing in angularJS would be great.

Best Regards

Sunnybrad
1
Hello - I am trying to figure out how to pass data to a child component in Angular 2.

Here is what I have done so far...

The Parent Component is the default app component that comes with the Angular 2 shell when you create a new project.  The child component is main-test.

Based on material I find on-line...the first thing I did was import Input from Angular/core. Then I tried to invoke the Input in the export class as shown below. This is the child component main-test.component.ts

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-main-test',
  templateUrl: './main-test.component.html',
  styleUrls: ['./main-test.component.css']
})
export class MainTestComponent implements OnInit {
 @Input()
 dataPass: number;

  constructor() { }

  ngOnInit() {
  }

}

Open in new window



Then...in an attempt to test things...I tried to pass just one field from the users array from the parent component to the child component. To do this...in my parent component HTML file...I added "<app-main-test [dataPass]="user.id"> </app-main-test>"

app.component.html:

<div style="text-align:center">
  <h1>
    Welcome to {{title}}!
  </h1>
</div>
<div>

<app-main-test [dataPass]="user.id"> </app-main-test>

</div>

Open in new window





Here is the parent .ts file:

import { Component } from '@angular/core';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class 

Open in new window

0
Become an Android App Developer
LVL 11
Become an Android App Developer

Ready to kick start your career in 2018? Learn how to build an Android app in January’s Course of the Month and open the door to new opportunities.

Hi:

I have a html display issues. In a page there is data coming in for display. All rows gets displayed except one. In the example attached there is missing department information for executive Gelena Weissman.
I am posting the code snippet html code, and the controller angularJS code.

                  <th width="20%">
                    <div class="cursor" ng-click="exec.sort('department')">
                      <span>Department</span>
                      <span class="glyphicon sort-icon pull-right" ng-show="exec.sortKey=='department'" ng-class="{'glyphicon-chevron-up':!exec.reverse,'glyphicon-chevron-down':exec.reverse}">
                           </span>
                    </div>
                    <input ng-show="test != true" type="text" ng-model="exec.search.department" class="form-control" placeholder="" ng-disabled="hideAddMe || testme">
                  </th>

function executiveSaveOpen(dataSave) {
            if (dataSave !== null) {
                if (vm.StringCheck === true) {
                    $rootScope.loadErrorModal(dataSave, 'validDate');
                } else {
                    if (dataSave.fromDate > dataSave.toDate) {
                        $rootScope.loadErrorModal(dataSave, 'dateCheck');
                    } else {
                        vm.dataSave = {
                            //"projectId": vm.projectId,
                            "fromDate": dataSave.fromDate,
                            "toDate": …
0
I am doing an HTTP post call to a database to pull information to load an audio player.

I am successful getting a JSON string with the desired details.

What I'm having trouble with is passing one of the JSON variables to the audio player as the source.

Here's a bit of code that shows what I'm trying to do.

<h1>{dir.dv_talent}</h1>
<h2>{{total_time}}</h2>

<audio id="player" my-audio>
    <source src="/radio/{{dir.dv_file}}.ogg" type="audio/ogg" />
    <source src="/radio/{{dir.dv_file}}.mp3" type="audio/mpeg" />
</audio>

Open in new window


So what works is the <h1> tag that displays the Talent Name and the <h2>Tag that gives the total time.  I also know there is valid data for dir.dv_file but when I inspect the code, it shows it as {{dir.dv_file}}.

So what that indicates to me is that the {{dir.dv_file}} is not converted to the passed variable inside of the <audio> tag.

So my question is how do I get that variable to be passed within that <audio> tag.
0
I am having some trouble getting HTTP Post data to transfer from a PHP database call.  Here are the pieces of code (all of these code pieces are shortened to only show the most critical parts to diagnose):

HTML Part One
This is set up so that a previous selection displays a drop down menu of options that come from a correctly working DB call. When the user hits Submit, it runs the AngularJS call below to do another DB call to request additional data.
                    <p>
                     <select name="devo" ng-model="devo" class="form-control">  
                          <option value="">Select a Devotional</option>  
                          <option ng-repeat="devo in devos" value="{{devo.dvID}}">{{devo.dv_title}}</option>  
                     </select>  
					</p> 
               		<p>
               		    <button type="submit" id="frmsbmt" class="btn btn-primary btn-xl wow tada" ng-disabled="devoFm.$invalid" ng-click="submitDv(devo)">
                                View Devotional<i class="fa fa-sign-in"></i>
                  		</button>
					</p>

Open in new window


HTML Part Two
When the data comes back from the HTTP post call, it then displays in another part of the screen. I am correctly obtaining the data for these fields with the exceptions noted below.
<div ng-repeat="dir in dirct">
      <h4>{{dir.dv_title}}</h4>
      <h1>{{dir.dv_talent}}</h1>
      <p>{{dir.dv_overview}}</p>
</div>

Open in new window


Angular Controller
      $scope.submitDv = function (devo) { 
		  $http.post("direct.php", {'plTpe':'diracc', 'dvID':devo})  
           .success(function(data){ 
                $scope.dirct = data;
			  	console.log(data);
			  	$scope.load = false;
           });
      }

Open in new window


PHP Database Call
The call to the database returns the correct JSON array with data like this (as displayed by console.log for data):
[…]
0: {…}
"$$hashKey": "object:31"
dvID: "15"
dv_file: "w15_SteppingOut(Rothschild) "
dv_overview: "<p>As your relationship with God deepens, He may ask you to go somewhere that doesnt make sense</p>"
dv_photo: "YVwalk3.jpg"
dv_pic: "jennifer-rothschild"
dv_plan: "3"
dv_talent: "Jennifer Rothschild"
dv_title: "Stepping Out"
__proto__: Object { … }
length: 1
__proto__: Array []

Open in new window


HERE ARE MY PROBLEMS


  • It works fine as long as the character count in the field dv_overview is less than around 120 characters. Once over 120 it crashes and doesn't return anything.
  • If the info being return contains HTML formatting characters (e.g. <b>Bold</b> or <p>paragraph</p> tags), they are not correctly converted to but instead are displayed as is.
  • Although the return of data will always be a single record in an array, the only way I can get this data to display is by using a "ng-repeat" (<div ng-repeat="dir in dirct">) to get it to display. Is there an alternative way of displaying?

What do I need to do to fix these problems.

Thank you.
0
I have a site that has worked fine for a number of months. But something recently changed that is causing my Nav Bars to not work.

The site is:

https://makingyourlifecount.org

It works fine on one of my computers but it doesn't work on other's. I cannot figure out why the NavBars have stopped working.

If you go to the site and then scroll down until the top image disappears, the nav links then work. It's just when you scroll all the way to the top that it doesn't work.

 Any insight you can give will be helpful.

Thanks.
0
I bought this template Angular 4 template

I've been  Googling for the past two weeks and read a lot of articles on how to set an Angular 4 project. This is one of the articles I followed
Example to setup Angular 4 with MVC

I installed Node and Angular CLI. Created an MVC project. Copied the files from the template to the MVC project. I did ng build and ng serve and the index.html page comes up.

At work, we use AngularJS with ASP.Net MVC. We have the AngularJS code along with MVC controllers. Projects have ASP.Net's Identity/Membership, the login page, etc.

 So far so good.

I followed the article to "The Development Workflow and Live Reloading"  section.

Questions

1.  In Angular 4, how can I remove index.html and have Razor (index.cshtml) as the first page? I want to have a login page with Asp.Net's Identity (I'm customizing the Angular 4 template I got...don't want to use it out of the box...I want to integrate the design into ASP.Net project I'm creating)

If you look at the article I posted, it has this section "The ASP.NET MVC Index Razor View Page". I don't quite understand it but is that something I need to do to integrate ASP.Net with Angular 4?

2. Should I even be using an Angular 4 project with ASP.Net? I'm thinking I have to because I want to use webconfig settings, ASP.Net's Identity/Membership for login, MVC controllers....just like how we did AngularJS

3. This is another article Another example
0
I navigated to my Angular project folder and typed:
npm install angular-material --save

I got errors, than first used "sudo su" and entered my password. But I got this error:

gyp verb ensuring nodedir is created /Users/newbieweb/Documents/Git/PuzzlePeace/node_modules/node-sass/.node-gyp/8.6.0
gyp WARN EACCES user "root" does not have permission to access the dev dir "/Users/newbieweb/Documents/Git/PuzzlePeace/node_modules/node-sass/.node-gyp/8.6.0"

What shall I do?

Is SaSS not installed?

How do I verify (or re-install) SaSS?

Thanks
0
Hi All,

I am trying to run an angular application in cloud9.  The repository from Github that I forked can be found here.

I should be able to run the application in cloud 9 with the below command according to the author who has a course on pluralsight that I'm following.
ng serve -o

Open in new window


When I run it, I get the following
Angular Error
When I click on localhost:8080, it's not recognized.
not recognized
0
Hello - I'm trying to learn a bit about using Angular. I have a specific learning exercise I am trying to figure out.

I am super new to Angular. I have been working with one of the tutorials on the Angular site in my down time over the last day or so...but very new to using it.

My main question for this thread is working with/trying to create an Angular table. Specifically one structured similar to the layout for the code below.
<table style="width:75%">
  <tr>
    <th>Firstname (e.g. Static Field Label)</th><td>Clark (e.g. firstName pulled from JSON file)</td> 
    <th>LastName</th><td>Kent</td>
  </tr>
  <tr>
    <th>Job</th><td>Reporter</td>
    <th>ID</th><td>94</td>
  </tr>
 
</table>

Open in new window




I am not seeing a lot of examples with a table structured similar to this (where its more of a profile grid instead of a straight list of data.

*Two other bits of functionality I will be researching for the table is to pull the info to be displayed from a JSON file.
*A search box to determine which record to display in the profile grid using an ID field.

Here are some sample values for the JSON file:

[
       {
           "firstName": "Clark",
           "lastName": "Kent",
           "job": "Reporter",
           "id": 20
       },
       {
           "firstName": "Bruce",
           "lastName": "Wayne",
           "job": "Business Owner",
           "id": 30
       },
       {
           "firstName": "Peter",
           "lastName": "Parker",
           "job": "Photographer",
           "id": 40
       },
       {
           "firstName": "Tony",
           "lastName": "Stark",
           "job": "Business Owner",
           "id": 25
       }
   ]

Open in new window



Any tips or suggestions to get me pointed in the right direction would be greatly appreciated!!

Thanks,
0
1. I have this in MVC routeconfig
 public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

           
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
            );


        }

Open in new window


2. I have this Controller

  // [HttpPost]
        public ActionResult Index(string formId)
        {

            ViewBag.FormId = formId;
            return View();
        }

Open in new window


3. This works and when I get to the controller, I see "formId"'s value. The URL shows as ?/index/1

  $scope.openForm = function (formId) {

            //console.log(JSON.stringify(formId))

          
            window.location = "/displayform/index/?formId=" + formId; //https://stackoverflow.com/questions/37031143/asp-net-angularjs-how-to-click-on-link-and-route-to-controller-method-with-id

        };

Open in new window


How come these don't work...I step thru it and 'formId" comes out as null. I added HttpPost as well to the MVC Controller. what am I missing?


 window.location = "/displayform/index/"+ formId;

Open in new window



window.open('/displayform/index/' + formId, '_self', false);

Open in new window

0
Get expert help—faster!
LVL 11
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

I have a side menu and I click on a link. I want to redirect the user to another page and pass a parameter.

1. In Razor, I do this

 <button ng-click="openForm(row.Id)"  class="btn btn-primary btn-border btn-rounded-20 btn-ef btn-ef-4 btn-ef-4b mb-10">{{row.FormName}}<i class="fa fa-arrow-right"></i></button>

Open in new window


2. In AngularJS controller, I have this
 $scope.openForm = function (formId) {

            //console.log(JSON.stringify(formId))

            //$http({
            //        method: 'POST',
            //        url: '/displayform/index',
            //        data: JSON.stringify(formId),
            //        contentType: "application/json",
            //        dataType: "json"

            //}
               
             

            //    ).then(function () { });

          //  window.open('/displayform/index/' + formId, '_self', false);

            window.location = "/displayform/index/?formId=" + formId; 

        };

Open in new window


3. In C# controller
 // [HttpPost]
        public ActionResult Index(string formId)
        {

            ViewBag.FormId = formId;
            return View();
        }

Open in new window


4. The URL looks like this when the user is redirected
http://localhost:63410/displayform/index/?formId=1

Is there a better way of doing this? I wanted the URL to look like this but couldn't get it working...the passed parameter comes out as null http://localhost:63410/displayform/index/1
0
I'm going through the W3 course on Angular and I'm working through this example: https://www.w3schools.com/angular/tryit.asp?filename=try_ng_customers_mysql

Here's my "term_list_json.php" code:

<?php

header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");

require_once("term_class_pdo.php");

$current_discipline="";
$new_list= new TermAdmin;
$term_display=$new_list->term_list();

$output="";

foreach($term_display as $term)
{
	if($output !="") 
	{
		{$output.= ", ";}
	}
	$output.= '{"disicpline": "' . stripslashes($term['discipline']) .'", ';
	$output.= '"term": "' .stripslashes($term['term']) .'", ';
	$output.='"definition"; "'. stripslashes($term['definition']).'"}';
}
$output = '{"records": ['.$output.']}';

echo $output;

?>

Open in new window


You can see it live at http://brucegust.com/adm/term_list_json.php

Now, here's my code on the Angular side:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Angular Tutorial</title>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<style>
table, th , td {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}
table tr:nth-child(odd) {
  background-color: #f1f1f1;
}
table tr:nth-child(even) {
  background-color: #ffffff;
}
</style>
</head>
<body style="white-space: normal;">

<div ng-app="myApp" ng-controller="myCtrl">

<table>
	<tr ng-repeat="x in terms">
		<td>{{x.discipline}}</td>
		<td>{{x.term}}</td>
	</tr>
</table>

</div>

<script>
var app=angular.module("myApp", []);
app.controller('myCtrl', function($scope, $http) {
	$http.get("http://brucegust.com/adm/term_list_json.php")
	.then(function (response) {$scope.terms = response.data.records});
});
</script>

<p>With the "ng-options" directive, the selected value can be an object...</p>

</body>
</html>

Open in new window


When you run the page at http://brucegust.com/adm/angular/json_retrieval.php, you get a blank screen, save some text. But there's a huge error that I've got pictured below.

Now sure what I'm doing wrong or how to process that error.

What do I need to change?

Thanks!
0
I am hosting an app in Firebase hosting.  When I run it locally on localhost:4200, The .js bundles are loaded into my index.html.  When I build and deploy to firebase hosting, it just gets the index.html file but does not get the sources (the .js bundles) Am I missing a step?
0
I am trying to install the following for a new application:
Angular5
Bootstrap4
Firebase and Firestore
Firebase Hosting (probably)
Firebase Auth

I can get everything installed but there are dependency issues.  I think Node.js 9.0.0 does not work with NPM 5.5.1 and the Angular/cli.  Node.js 9 comes with NPM 5.5.1 so I'm not sure what the problem is.  I tried to update my package.json file with v. 5.5.1 from 5.0.0 but that causes even more issues.  I know this is all new but has anyone found a way to work around it?  Different versions?
0
I'm learning Angular 4 and following examples to set up an Angular 4 files with VS 2015

1. I installed node.js and nmp

2. Installed Typescript 2.2 from here https://marketplace.visualstudio.com/items?itemName=TypeScriptTeam.TypeScript22forVisualStudio2015

3. Typescript folder is there
folder
4. I did a search for "typescript" in VS code and I see these
vs2
5. Checked VS and it shows 2.2
vs
5. But when I type tsc -v in command prompt, I see this version. Why?

command prompt
0
I suddenly need to buy a new PC and have been doing Angular work on a MacBook.

It seems Windows PC are mainly  Windows 10.

What version of windows is needed to install Node? Angular? SQ Server and Visual Studio?

Thanks
0

Angular

469

Solutions

310

Contributors

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.