[AngularJS] Can I use angular2 with cdn and no transpile in pure js?

[Thaina Yu]

I want to develop angular2 just as angularjs and write all code directly in 
one file with pure html/js and script from cdn

Is it possible in angular2 ?

I wish there could be some tutorial and angular2 on google hosted library

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] How to play music in angular.js

[oiyio]

Hello, i want to develop a web page related to playing,pausing music. I am 
trying to find a basic code which plays an audio file. I find an example 
from github and download it. But i couldn't run it. Here is what i found : 
 https://danielstern.github.io/ngAudio/#/

How to run it? Do you have any example which manipulates audio files. 
Thanks in advance.

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Why Angularjs called framework and instead of JavaScript library?

[Thaina Yu]

Well, I'm game programmer and there is long debate about difference between 
engine(library) and framework

There is a short answer that "With engine, you call function. But with 
framework, function call you"

It may not so obvious but framework, unlike engine, mostly told you that 
you have some pattern you must follow. But inbetween of that pattern is 
your logic you want to happen. framework will manage many things for you

Unlike engine that you need to maintain state of engine along with your 
logic. You make a start, loop and finish with your own style then call 
engine to do work when you want

Framework is not so peculiar. HTML/JS is actually a framework. You write 
script tag and expect it to be called from browser. Angular and other 
framework just wrap another layer to make your life easier when you need to 
focus on logic

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: error 404 bootstrap with angular 2 final release

[Sander Elias]

Hi Guto,

Your question is unclear to me, wat is it you are doing that gives you a 
404?

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Need to display data groupwise using ng-repeat (group on two columns)

[Sander Elias]

Hi Vikas,

The best way is to preprocess the array in your controller.

Assuming your array has the right sort order you can use a simple reducer. 
I'll type you up an example in here, you might need to fiddle a bit around 
to make it work for real:

$scope.result = $scope.items.reduce(function(res,item){
   let i = res.findIndex(comp);
   if (i === -1) {
  res.push(item)
   } else {
  // write code here to combine the items as you like
   }
   return res

   function comp(elm) {
  return elm[0] === item[0] && elm[1] === item[1]
   }
},[]);

Is thins enough for you to solve your issue?

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Compiling in ECMASCRIPT 5 (ES5) throws error

[Sander Elias]

Hi Sumit,

Well, to get started, the easiest way is to install the angular-cli, and 
let that scaffold a new project for you. It takes care of everything 
build/compile related.

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Compiling in ECMASCRIPT 5 (ES5) throws error

[Sumit Rohatgi]

On Thursday, September 29, 2016 at 3:45:00 PM UTC-7, Sumit Rohatgi wrote:
>
> How do i pull pollyfills
>
> I have already run below command*npm install angular2 systemjs 
> es6-promise es6-shim rxjs*
>
>
> On Thursday, September 29, 2016 at 11:15:53 AM UTC-7, Sander Elias wrote:
>>
>> Hi Summit,
>>
>> It looks like you forgot to pull in the polyfills. (coreJS)
>>
>> Regards
>> Sander
>>
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Compiling in ECMASCRIPT 5 (ES5) throws error

[Sumit Rohatgi]

How do i pull pollyfills

I have already run below command*npm install angular2 systemjs 
es6-promise es6-shim rxjs*


On Thursday, September 29, 2016 at 11:15:53 AM UTC-7, Sander Elias wrote:
>
> Hi Summit,
>
> It looks like you forgot to pull in the polyfills. (coreJS)
>
> Regards
> Sander
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: JavaScript Tutorial - Tour of Heroes

[Stan Cyaa]

Even 5 months late, I decided to post in this thread, because when it comes 
to ES5 there are only scattered bits and pieces here and there, but nothing 
as a whole project.
Plus it was one of the first places I landed, when initially started 
searching for resources.  

Here's a working ES5 repo covering the Angular 2 Tutorial Tour of Heroes 
except everything about Observables and the rest after it from part 7:

https://github.com/s2501/ng-2-lab-es5

The repo can be used as a reference for any developer who like me feels he 
or she should write a lot more ES5 and ES6, before jumping to TypeScript.

Regards,
Stan

On Thursday, April 28, 2016 at 11:34:09 PM UTC+3, Daniel Zen wrote:
>
> I have been tasked with creating Angular2 course material in JavaScript 
> not TypeScript, and as a consequence have been waiting for more JavaScript 
> examples to appear at:
>
>  Tutorial: Angular 2 for JavaScript 
> 
>
> Which currently says: 
> This chapter is not yet available in JavaScript. We recommend reading the 
> TypeScript version.
>  
> So, instead of complaining, I have started writing JS examples and the 
> appropriate documentation in a fork of the angular.io repo:
>
>  https://github.com/danielzen/angular.io/ 
> 
>
> And most recently completed:
>
>  Angular 2 JS Example - Tour of Heroes: Part 2 
> 
>
> I have electing to use Template Literals & Arrow Functions, which are now 
> available in most browsers.
>
> So a few questions:
>
>- Is anyone else working on this? I don't want to be duplicating 
>effort.
>- Should I be creating the examples with ES5 / ES5+ (in current 
>browsers) / or ES6 (which might require something like Babel, which I 
> would 
>like to currently avoid)
>
> This was my first pull request, I signed the CLA, but I didn't put it in a 
> separate branch, which may have been a mistake. Is there anyone that can 
> help me get up to speed so I can help fill out the JS documentation. I'm 
> sure I am not the only one waiting.
>
> Thanks,
> Daniel Zen
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] CSS bootstrap doesn't work when it is rendered as part of angular2 components

[Navaneetha Krishnan S]

I have taken some free downloadable template which is built in bootstrap, 
CSS and Jquery.

If I try to render the html contents in the index.html file (with proper 
references for CSS,JS) the application/functionality works fine

The functionality i am referring here is expand/collapse feature of the 
left side menu bar written in css/jquery as part of the template. But when 
I try to render the same html as a angular2 component (as angular2 HTML 
templateUrl) the above menu functionality is not working


My Layout.ts component is as follows

@Component({
selector: 'MenuLayout',
templateUrl: './HTML/Layouts/Layout.html',
providers: [ClientAPIService, Constants],
*encapsulation: ViewEncapsulation.None*
})


Layout.html file contains all the related HTML tags with CSS classed 
referred in it.


In Index.html file, all the CSS are referred

 



I have replicated this issue and checked in the code to Github url 



can anybody help me resolving with this issue?

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Angular 2 (Final): resetConfig to add routes to lazy loaded routes

[Andrea Bertoldo]

Ok thanks! 
In the meantime I noticed that if I use a component to wrap the named router 
outlets it won't work, the router outlet must belong to the details component 
(see the plunkr). So I think I'll have to dynamically create the detail 
component's template as well as resetting the router configuration. 

P.s.: are you part of the angular team? 

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: ErrorResponse.status == -1

[Sander Elias]

Probably CORS, but your are providing not enough information to give a 
final answer to your issue!

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Unable to validate requiredLength in Angular 2

[Sander Elias]

Hi Dawg,

You need the elvis operator 

.



The difference with NG1 is that in NG2 it is not allowed to have non 
existing properties in your template.

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Angular 2 (Final): resetConfig to add routes to lazy loaded routes

[Sander Elias]

Hi Andrea,

As I have been out to Angularconnect I did miss your response, this is one 
that will take me a bit more time, so I'm going to look at it when I'm back 
home. If you don't hear back from my by next Monday, shoot me a message. 
Otherwise, I might forget. This week has been a rollercoaster :)

Regards
Sander

On Tuesday, September 27, 2016 at 2:26:47 PM UTC+2, Andrea Bertoldo wrote:
>
> Hi Sander,
>
> sorry for the late reply. I've assembled this plunkr: 
> http://plnkr.co/edit/6aV5n5K5wdqdiYo49lZv. It's the first time I use 
> plunkr so I apologize if something's wrong (to me it's extremely slow... 
> but it works).
> So, with regard to the plunkr: what I am currently able to do is load 
> components dynamically and add them to the application (see tab "Dynamic 
> Modules").
> What I've also done is to use multiple named router-outlets, despite not 
> finding any official documentation (see tab "Dynamic Routed"). Despite the 
> tab name, routes are known ahead of time.
>
> What I want to do is: dynamically load a configuration (the dynamicRoutes 
> array in the DynamicRoutesComponent) and only after create one 
> router-outlet per dynamic route and use resetConfig (or what it takes) to 
> have this configuration:
> {
>  path: "dynamic-routed",
>  component: DynamicRoutesComponent,
>  children: [
>{ path: "", component: EmptyComponent },
>{ path: "component1", component: Component1, outlet: "component1" },
>{ path: "component2", component: Component2, outlet: "component2" }
>  ]
> }
> with one child per dynamic route.
>
> Thanks in advance!
>
> On Friday, September 23, 2016 at 6:25:25 AM UTC+2, Sander Elias wrote:
>>
>> Hi Andrea,
>>
>> Do you have a sample project for this, so I can give it a spin?
>> I have read into this, and as far as I can tell, you should be able to do 
>> a resetConfig in your module. I'm not sure though of that resets the 
>> module's router or the complete router.
>> A simple way is to examine and adjust the routers configuration and use 
>> the result of that in resetConfig. 
>>
>> Regards
>> Sander
>>
>>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Compiling in ECMASCRIPT 5 (ES5) throws error

[Sander Elias]

Hi Summit,

It looks like you forgot to pull in the polyfills. (coreJS)

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Compiling in ECMASCRIPT 5 (ES5) throws error

[Sumit Rohatgi]

when targeting -es5; How to get rid of Angular2 errors on Cannot find map, 
Promise ...


if I target es6 the errors will go away, but I must target es5 to support 
old browsers.


I am using visual studio 2015


{ "compilerOptions": { "noImplicitAny": false, "noEmitOnError": true, 
"removeComments": false, "sourceMap": true, "target": "es6", "module": 
"system", "moduleResolution": "node", "emitDecoratorMetadata": true, 
"experimentalDecorators": true, "outDir": "./Scripts" }, "exclude": [ 
"node_modules" ] }

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: how to embed external url in angularjs without frame

[Sander Elias]

Hi Thirumalesh,

I have no idea what it is you are after. I think you want to check out 
ngInclude .
When that's not the case, please clarify your question a bit more.

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: angular filter group by

[Sander Elias]

Hi Yash,

Yes, there is. If you build a working plunk illustrating your issue, I will 
help you along.

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: parsing data

[Sander Elias]

Hi Sabs,

Is there a question in there?
I suspect so, and I think the answer is something like,
Use a service, you inject in both of your controllers.

But I'm not too sure about that.

Regards
Sander 

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Managing Sites in AngularJS / NodeJS

[Sander Elias]

Hi Adrien,

Are you asking about Angular version 1 SEO? There are solutions for that, 
but those are highly dependent on your app. 
have you tried googling for angular SEO? it will provide a wide range of 
solutions. None being a real ideal solution. So it's up to you, and what's 
needed for your application.

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Reading a .txt file from Angular 2 Typescript

[Sander Elias]

Hi Santhosh,

Yes, put the text file on your server, and use the http to fetch the file,

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Creating a generic data service in Angular 2

[Sander Elias]

Hi Stephen,

What I did was create a rest service, that I can provide to components. 
(instead of putting it in ngModule)
Then in my component, I provide the endpoint URL. After that, I can just 
use the get/put/etc services from the service. The upside of this approach 
is that inside all lower level components I can just use the service, and 
it would be the same instance with the same setting, and I don't need to 
provide the URL anymore.

Hope this helps you a bit,
Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: ng2: "XHR finished loading: " tons of .js files upon page load?

[Sander Elias]

Hi Vern,

For the version you are using this is indeed normal. To speed the page up 
you need to do some bundling of the files. You have to do this in the 
systemJS config file.
Disabling the developer mode would, in fact, repress the warnings, but it 
won't make a difference in loading times.

Actually upgrading your app to Angular 2.0.1 would probably cost you less 
time as solving this perfomance issue. If you install the angular-cli, you 
can scafhold a testproject very quicky, to take a peek at the new version.


Regards
Sander


-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: angular 2 heroes tutorial - using a server for data

[Sander Elias]

Hi John,

Did you inspect the network request in the developers debugging console? 
What is the result you get in there?
It might be a cors issue, that get's lost in the toPromise handling. 

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Subscripe multiple cals

[Sander Elias]

Hi, Gheorghe

You have this:

this.subscription = this.footerService.submit$.subscribe(value => 
value === true ? this.onSubmit() : null);
this.subscription = this.footerService.sendMail$.subscribe(value => 
value === true ? this.popup.open() : null);

and this:

ngOnDestroy() {
this.subscription.unsubscribe();
}

Thing is, you can't store 2 different subscriptions into 1 instance 
variable. The second one is overwriting the first, and you are only 
unsubscribing the last one.

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Instructional Designer/Systems Analysis Consultant in EDEN PRAIRIE, MN || GC and US Citizen Only

[rahul goswami]

Hi

Need GC and US Citizen Only

Please share profile at vart...@onsinteractive.com


*Job Title:   Instructional Designer/IT - Systems Analysis Consultant -
Senior*
*Location:   EDEN PRAIRIE, MN*
*Job Type:   4+ months Contract to Hire *
*Client: UNITED HEALTH GROUP (UHG) *

*Instructional Designer/IT - Systems Analysis Consultant - Senior *

• Instructional design skills using the ADDIE process
• Manages multiple iterative projects and meet continuous deadlines
• Work is SELF-DIRECTED and not prescribed
• Must be a self-starter who is comfortable working in an ambiguous
environment
• Must be a VERY COLLABORATIVE team player; this is not just you working as
an island, we do a great deal of joint project work
• Willing to learn new skills on the fly
• Develops innovative approaches
• Reviews work performed by others and provides recommendations for
improvement
• Works independently to seek out SMEs who have limited availability
• Fosters SME relationships through preparation and clear, concise
communication
• Obtains stakeholder and SME approval/sign-off of training materials
(following review cycles), and make needed revisions based on stakeholder
feedback
• Determines project goals/milestones based on identified business
needs/timelines, and obtain appropriate approvals (e.g., go/no-go
decisions, checkpoints, project management and scope creep)
Understands and has experience in Agile Methodology
• Must be well-organized and possess a high degree of attention to detail

Qualifications
• Bachelor’s degree or equivalent work experience
• Ability to travel at least 10% of the time within the US
• 2+ years of experience developing software/systems training
• 2+ years of experience in instructional design and development processes
such as ADDIE; preference   given to those with end-to-end design experience
• Project management and project tracking
• Proficient with StoryLine 1-2, Articulate Suite and Adobe Captivate 7-8
• Experience with MS Word, Excel, and PowerPoint
• Experience with virtual teams

Assets
• Healthcare industry background
• Experience working in an Agile environment
• Experience working in a matrix organization
• Experience in a classroom/facilitation environment
• Working knowledge of claims processing
• Must be well-organized and possess a high degree of attention to detail
• Ability to learn a new and ever changing system
• Experience with Snag-It, Camtasia, LMS


*Thanks & Regards*



*Vartika*

*E-mail: vart...@onsinteractive.com *

*Contech Systems, Inc. • 1480 U.S. Highway 9 North, Suite 206 • Woodbridge,
NJ 07095*

*• D: (609) 357-4924 • F: (732) 632-8817*

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Highlighting tabs/pills

[Joe Tseng]

Newbie here...

I made a tabbed interface (using pills in the top nav menu) and I want to 
have the tab stay highlighted once it's been clicked. However, right now 
this only happens if the user clicks it twice. My current code is as 
follows:


  
  

  Repos Auto Tags
  Assets Manual Tags
  Publish
  Admin
  Config
  Tag Activities
  Local Logs
  Logout

  
  

  Repos Auto Tags
  Assets Manual Tags
  Publish
  Logout

  
  



So my two questions are:
1. What am I doing wrong?
2. Is what I'm doing even best/acceptable practice? I thought I could use 
$state.current.name as selectedTab value but that didn't work.

FYI I'm repeating some of the  items because I discovered if I only 
made the admin-centric pills conditionally visible, the menu items will 
wrap and I'll end up with more than one menu line. Like I said - if there's 
a better way to do the same thing...

Appreciate any useful advice...

 - Joe T.

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] How to dynamically create/destroy modal based on div clicked (Angular2)

[Alex Chandler]

I would like to create an application which allows you to click on any item 
generated and bring up a larger version. Once loaded, if you click away 
from the larger version onto any other part of the page it should close.


*Currently;*

If a modal is loaded and you click off it onto another thumbnail it will 
load another modal on top of the previous one. Clicking onto a blank space 
does nothing.


*What I would like to happen;*

Only one Modal should be allowed to be active at any one time, if you click 
away from the modal onto any other part of the page it will close it.


Here is a plunk;


http://plnkr.co/edit/Tt2FD12fGC6gIDfC3cQJ?p=preview


I'm new to Angular2 (And never used anything previously similar to it), so 
i'm a bit lost and would be grateful for any help!


(http://stackoverflow.com/questions/39771062/how-to-dynamically-create-destroy-modal-based-on-div-clicked-angular2)

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Subscripe multiple cals

[Gheorghe Florea]

I can't understand why my function cal is multiplying every time i came on 
this page. my code:
```
import { Component, EventEmitter, Input, OnInit, OnDestroy, ViewChild, 
AfterViewInit } from '@angular/core';
import { ActivatedRoute, Params, Router } from '@angular/router';

import { FooterService } from '../../services/footer.service';
import {Subscription} from 'rxjs/Subscription';

@Component({
selector: 'manage-broker',
templateUrl: '/app/components/brokers/broker.component.html'
})

export class BrokerComponent implements OnInit, AfterViewInit, OnDestroy {
subscription: Subscription;

ngOnInit(): void {
this.subscription = this.footerService.submit$.subscribe(value => 
value === true ? this.onSubmit() : null);
this.subscription = this.footerService.sendMail$.subscribe(value => 
value === true ? this.popup.open() : null);
}

onSubmit(): void {
this.footerService.setSubmit(false);
this.brokerService.save(this.broker).then(response => 
this.backToList());
}

ngOnDestroy() {
this.subscription.unsubscribe();
}

}

```
My problem is cuz each time i came on this page the onSubmit function call 
is grows like first time is called one, second time i came on this page is 
called twice etc.
If i refres my browser CTRL+R. the counter is back to 1 and restart the 
same behaivor.
Thanks

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] before selecting an item from datalist it moves to another page

[ashish pujari]

http://stackoverflow.com/questions/39766909/before-selecting-a-item-from-datalist-its-move-to-another-page/39767278?noredirect=1#comment66831524_39767278

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] angular 2 heroes tutorial - using a server for data

[norricorp]

Hi,

Using the Heroes tutorial on the Angular 2 website. I have set up the 
heroService to use a rest service from tomcat. Using curl produces the 
correct result


C:\Temp\curl>curl http://centos7-ansible:8080/heroes/heroes
[{"id":1,"name":"Mr. 
Nice"},{"id":2,"name":"Narco"},{"id":3,"name":"Bombasto"},{"id":4,"name":"Celeritas"},{"id":5,"name":"Magneta"},{"id":6,"name":"RubberMan"},{"id":7,"name":"Dynama"},{"id":8,"name":"Dr
 IQ"},{"id":9,"name":"Magma"},{"id":10,"name":"Tornado"}]


So in the hero.service.ts, 

private heroesUrl = 'http://centos7-ansible:8080/heroes/heroes';  // URL to web 
api
getHeroes(): Promise {
return this.http.get(this.heroesUrl)
   .toPromise()
   .then(response => response.json().data as Hero[])
   .catch(this.handleError);
}

In the calling component, 


  ngOnInit(): void {
console.log("about to get data");   
this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(4, 
8));
console.log("returned from getting data");
console.log(length of array is " + this.heroes.length );
  }

Looking at the console I get


about to get data 
GET http://centos7-ansible:8080/heroes/heroes   200 OK  43ms 
returned from getting data 
length of array is 0

So it works from curl but within Angular does not. 


Also, looking at the access log in Tomcat, the same log message is for both 
curl and angular access.


"GET /heroes/heroes HTTP/1.1" 200 273
"GET /heroes/heroes HTTP/1.1" 200 273

Is the "273" the length of data returned? Which would suggest the data is 
there but is not being put in the Hero array?


Is my heroesUrl correct? 


Within console, I get


EXCEPTION: Uncaught (in promise): TypeError: e is undefined

What does this mean? 

What is "e"? 

How do I go about debugging this as the console gives the code lines as 
part of a bundle.js.


Regards,

John

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Reading a .txt file from Angular 2 Typescript

[Santhosh Kumar S]

Hi

Is it possible to read data in a .txt file from angular 2,  i  just give 
 file in the  application and  the data has to be read from that file, 
 please guide me here.


Thanks
Santhosh
 

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Need to display data groupwise using ng-repeat (group on two columns)

[Vikas Parab]

Hi,

Database provide following JSON string.

$scope.items = [
{"Name":"Michael","Region":"Canada","Subject":"Chemistry","Action":"Email"},
{"Name":"Michael","Region":"Canada","Subject":"Biology","Action":"Call"},
{"Name":"Kristen","Region":"USA","Subject":"Chemistry","Action":"Skype"},
{"Name":"Kristen","Region":"USA","Subject":"Physics","Action":"Email"},
{"Name":"Kristen","Region":"USA","Subject":"Chemistry","Action":"Call"},
{"Name":"Kristen","Region":"Europe","Subject":"Chemistry","Action":"Call"},
{"Name":"Kristen","Region":"Europe","Subject":"Biology","Action":"Call"}
];



Currently displaying data like below: (using ng-repeat)

NameRegion   Subject   Action
Michael   CanadaChemistry   Email
Michael   CanadaBiology   Call
KristenUSAChemistry   Skype
KristenUSAPhysics  Email
KristenUSAChemistry   Call
KristenEuropeChemistryCall
KristenEuropeBiologyCall



Expected Result (Tabular Format)

Name  RegionSubject Action

Michael   CanadaChemistry,Biology Email,Call
KristenUSAChemistry,PhysicsSkype,Email,Call
KristenEuropeChemistry,Biology  Call


Not understood how to use ng-repeat to get expected result (as shown above)

Kindly guide.

Thanks,


-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.