[AngularJS] Re: Integrating UniteGalley with Angular2

[Sander Elias]

Hi Usman,

Oh, you don't use angular 1. On Angular you need to use bindings for that, 
like this:


 



(doing this out the top of my head, not entirely sure out the '-' in the 
attribute names. perhaps that needs some special attention.)

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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 update fields in AngularJS?

[Sander Elias]

Hi Lucas,

Your modal works in a different $scope as your list items. There are 
several ways to address this problem, but the easiest one is to use an 
Angular 1 native bootstrap implementation 
. 

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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 Post JSON data and Zip File to server?

[Sander Elias]

Hi Al,

Yes, this is possible, there are multiple examples of this in this group's 
history.

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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] On bootstrap modal refresh keep my JSON data in current modal view

[Wayne Vos]

down votefavorite 


In my Angular app my Bootstrap modal opens up with a custom url, set using 
ui-router. The problem I have is on page refresh my JSON data gets cleared 
from my modal and it displays empty. Any help on how to retain the data on 
page refresh?

Link to my site: http://wingfield.vmgdemo.co.za/

My code:


 // configure the stateProvider
app.config(['$stateProvider', '$urlRouterProvider',
function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/showroom');
$stateProvider
// define home route "/"
.state('showroom', {
url: '/showroom',
templateUrl: 'partials/showroom.html'
})
// define modal route "/modalDetails"
.state('modalDetails', {
url: '/modalDetails/',
params: {
car: null
},
onEnter: ['$stateParams', '$state', '$uibModal',
function ($stateParams, $state, $uibModal) {
$uibModal
// handle modal open
.open({
templateUrl: 'partials/modalDetails.html',
resolve: {
car: function () {
return $state.params.car
}
},
controller: ['$scope', '$location',
function ($scope, $location) {
// handle after clicking Cancel button
$scope.car = $state.params.car;
$scope.cancel = function () {
$scope.$dismiss();
};
// close modal after clicking OK button
$scope.ok = function () {
$scope.$close(true);
};
}
]
})
// change route after modal result
.result.then(function () {
$state.transitionTo('showroom');
}, function () {
$state.transitionTo('showroom');
});
}
]
});
}]);

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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: Integrating Angular into an existing project

[Sander Elias]

Hi Ronald,

Short answer: Yes.

Somewhat longer  answer: While Angular is geared towards SPA's, you can use 
it outside one too. You just don't need/use the router in that case. you 
can start writing components that you use in your setting. I don't know 
enough on how your project is set up, but probably you have a sort of an 
app-shell. In there you can setup your core, and use lazy loading to load 
the page-specific parts. (yes you can use lazyloading without the router!)

Ok, I'll cut this short now, If you have specific questions, don't 
hesitate to ask them.
Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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 routing and navigation menu controls

[Dawg]

After a successful login, the user is routed to a menu (getbootstrap) 
displayed at the top. One of the link for example is a click to service 
page and when I click the service link the menu is hidden and service page 
is displayed. How can I maintain the menu on the top while displaying the 
other components below the menu? 

Search the web and I couldn’t find a good example. Any help you could 
provide would be greatly appreciated.

*app.component.ts*


*import { Component } from '@angular/core';@Component({  selector: 
'my-app',  template: ``,})export class 
AppComponent  {   name = 'Angular'; }//END of AppComponent**app.router.ts*
const routes: Routes = [  
{   path: '', component: TopMenuComponent, canActivate: [ 
LoggedInGuardServices ] }, 

{   path: 'topmenu', component: TopMenuComponent, canActivate: [ 
LoggedInGuardServices ] }, 

{   path: 'home', component: HomeComponent, canActivate: [ 
LoggedInGuardServices ]  }, 

{   path: 'login', component: LoginComponent },

{   path: 'about', component: AboutComponent }, 

{   path: 'profile', component: ProfileComponent, canActivate: [ 
LoggedInGuardServices ] }, 

{   path: 'service', component: ServicesComponent, canActivate: [ 
LoggedInGuardServices ] },

// otherwise redirect to home
{ path: '**', redirectTo: '' }   
];

top-menu.component.ts

  

  

  Toggle navigation
  
  
  

Test project
  


  Dashboard 
   Service 
   Contact 

 
   Welcome: Name 
   space 
   Logout

  

  





-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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] pagination with angular 2

[Vipul Singh]

Hey guys i making pagination kinda google but i got stuck and my problem is 
that . How to get 10 data one at a time , i do not want to fetch all data 
one at a time, if i taking all data then its work but i do not wanna like 
that , i wanna like that once i click next page and they collect next 10 
data into my API  and once i click another page it would retrieve another 
next 10 data through my API  , i do not want subscribe all data one at a 
time i want to collect in a chunk every time.!! please help me out thanks.

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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] Compare two each function with each other

[mahtabpirzadi]

Hi 
I have list of articles (have 2 array) , now I want to add new article to 
it (have 4 array) with click on button . between this adding ,
I want to compare if there is the same value(between new value and old 
value) , don't add to list . I use 2 each function for each of them but I 
don't get true response .
Should I use for loop for this ? Please guide me .

$scope.articles: Array[2]
resp: Array[4]

$scope.moreBtn = function(){

$.each(resp, function(e, val) {

$.each($scope.articles, function(index, value) {

 if ($scope.articles[index].Title != resp[e].Title) {

$scope.articles.push(resp[e]);

 }

}

}

}


So Thanks

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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: Integrating UniteGalley with Angular2

[Usman Chaudhri]

Hi Sander - thanks for the reply i tried *ng-src* but it does not seem to 
work. We are facing loads of issues integrating third party gallery with 
Angular2 hence i think we most probably go with building our own in 
Angular2.

On Sunday, December 25, 2016 at 7:12:47 PM UTC+5, Sander Elias wrote:
>
> Hi Usman,
>
> Use ng-src instead of src. This will make this work. (it prevents your 
> plugin from reading the src before it's changed by angular 1.x.
>
> Regards
> Sander
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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 update fields in AngularJS?

[Chiheb Ben Jemia]

hi,
you can use $index and pass item as variable via a function, in a specified 
controller, and use the $scope



On Monday, January 2, 2017 at 9:57:43 PM UTC+1, Lucas Rodrigo Bento Souza 
wrote:
>
> When you enter items in the order list following the code snippet:
>
>
> $scope.items.push({ codigo: $scope.s.codigo, ncm: $scope.s.ncm, descricao: 
> $scope.s.descricao, preco: $scope.s.preco, quantidade: $scope.s.quantidade });
>
>
> Each product will have different "Taxes",
>
>
>
> 
>
>
>
> Clicking the Tributos button displays the following screen:
>
>
>
>
> 
>
>
> Simulation: https://jsfiddle.net/t9grvL4z/1/
>>
>
> How to update the taxes of each product? 
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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 Post JSON data and Zip File to server?

[Al Eyza]

I created a angular project with export feature for able to download output as 
a .Zip to local computer. 

Now, I plan to add a new feature to upload the zip file directly to the server 
using web API instead to download to local, is it possible on angular? I am 
thinking to modify my function for download to local and change it to push to 
external server (but not working).
 Since I am new with angular.

Thanks for any help and suggestions.

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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 SEO

[prince babay]

Hello,

As AJAX Crawling is depreciated by Google ( method #! Is depreciated by 
googled.), what is the best way to index my site in angularjs.

In the google console, only the index of the site is indexed by google 
while I put all the URL of the site in the sitemap. If I make an indexing 
proposal, google sees the page as users but only my home page is indexed by 
Google.

I use version 1.5 of angular js and my site is hosted on an apache server

Url of the site: https://all-beats.com

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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: Slow Performance in IE 11

[Vishal Kumar Nalla]

Hi Sander,

Thanks for the response. I believe, we did not add any shims. However, i 
would confirm with my team and get back to you. Request you to keep 
responding.

--
Thanks
Vishal Kumar Nalla

On Monday, November 28, 2016 at 8:40:47 AM UTC+5:30, Sander Elias wrote:
>
> Hi Vishal,
>
> Even in IE11 a (few) hundred records should not really be a problem. Are 
> you sure you only loaded the required shims, and nothing more?
> See: https://angular.io/docs/ts/latest/guide/browser-support.html
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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.

Re: [AngularJS] Crud ?

[reginemcfarlane via Angular]

On Tue, 1/3/17, Alain Mouette  wrote:

 Subject: Re: [AngularJS] Crud ?
 To: angular@googlegroups.com
 Date: Tuesday, January 3, 2017, 3:44 PM
 
 
 
 
 Crud may get you
 into
 trouble...
 I wrote a small
 blog about Api
 good practices, I hope it can help: 
https://bonseletrons.wordpress.com/creating-a-good-api-for-an-spa/
 
 -
 
 Alain Mouette (ツ)
 
 
 
 
 A
 3 de janeiro de 2017 10:48:06 JUNIOR FERREIRA
 
 escreveu:
 
 Where I can see the sources of a project like
 this: Crud
 with paging and search consuming JSON webservice ?
 
 
 
 
 -- 
 
 You received this message because you are subscribed to the
 Google Groups
 "Angular" 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.
 
 
 
 
 
 
 -- 
 
 You received this message because you are subscribed to the
 Google Groups "Angular" 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.
 odea  CorneliaLupta romanilor pentru unitate nationala 1834-1849
Editura Academiei R.S.R. 

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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.

Re: [AngularJS] Crud ?

[Alain Mouette]

Crud may get you into trouble...

I wrote a small blog about Api good practices, I hope it can help: 
https://bonseletrons.wordpress.com/creating-a-good-api-for-an-spa/



-
Alain Mouette (ツ)



A 3 de janeiro de 2017 10:48:06 JUNIOR FERREIRA  escreveu:


Where I can see the sources of a project like this: Crud with paging and
search consuming JSON webservice ?

--
You received this message because you are subscribed to the Google Groups 
"Angular" 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.


--
You received this message because you are subscribed to the Google Groups 
"Angular" 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] Crud ?

[JUNIOR FERREIRA]

Where I can see the sources of a project like this: Crud with paging and 
search consuming JSON webservice ?

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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: ui-router multiple nested views

[Trần Phước Anh Vũ]

try remove abstract:true in order.company1.new state

Vào 22:08:30 UTC+7 Thứ Sáu, ngày 30 tháng 12 năm 2016, Fred đã viết:
>
> Hi, 
> I have a state configuration which does not work; (does not render 
> templates from level 3 states).
> check code below:
>
>
> .state('order', {
> url: '/orders',
> abstract: true,
> template: "",
> controller: 'orderCtrl'
> })
> .state('order.start', {
> url: '/',
> template: Templates.states.start,
> data: {
> title: 'Orders',
> navigation: true
> }
> })
> .state('order.company1', {
> url: '/company1',
> abstract: true,
> template: "",
> data: {
> contentType: "contentTypeId",
> navigation: false
> }
> })
> .state('order.company1.view', {
> url: '/:id',
> template: Templates.states.order.company1.view,
> })
> .state('order.company1.new', {
> url: '/',
> template: Templates.states.order.company1.new,
> })
>
>
> If I remove the middle state "order.company1" it does work but I would 
> really like this this three level nested state configuration.
> What do I need to change in order for it to work properly?
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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: I want to display the 'alias' (beside age) after clicking a button. Unable to figure out because it is a list item.

[Trần Phước Anh Vũ]

Try this 



https://code.jquery.com/jquery-3.0.0.js";>


https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css";>

https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"; 
 rel="stylesheet">

 
li {color: orange; 
background-color: black;
padding: 5px;
text-align: center;
   
}



var myApp= angular.module("myApp",[]);
myApp.controller("myCtrl", function($scope){
$scope.residents= [{fname:"John", lname:"Doe", age:25, 
alias:"Peter"},
  {fname:"Joe", lname:"Mary", age:24, alias:"Paul"},
  {fname:"Jay", lname:"Matthew", age:23, 
alias:"Pan"}]
});
$scope.show = false;
$scope.counter=0;






{{resident.fname}} 
{{resident.lname}}, {{resident.age}}
 
 , {{resident.alias}}
  



 
Click to show pet names 
Click to hide pet names 
  



 



Vào 03:57:43 UTC+7 Thứ Ba, ngày 03 tháng 1 năm 2017, Swas Sehgal đã viết:
>
> 
> 
> 
> https://code.jquery.com/jquery-3.0.0.js";>
> 
> 
> https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
> ">
> 
> https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"; 
>  rel="stylesheet">
> 
>  
> li {color: orange; 
> background-color: black;
> padding: 5px;
> text-align: center;
>
> }
> 
> 
> 
> var myApp= angular.module("myApp",[]);
> myApp.controller("myCtrl", function($scope){
> $scope.residents= [{fname:"John", lname:"Doe", age:25, 
> alias:"Peter"},
>   {fname:"Joe", lname:"Mary", age:24, 
> alias:"Paul"},
>   {fname:"Jay", lname:"Matthew", age:23, 
> alias:"Pan"}]
> });
> $scope.counter=0;
> 
> 
> 
> 
> 
> 
> {{resident.fname}} 
> {{resident.lname}}, {{resident.age}} 
> 
> 
>  Click to 
> show pet names
> 
> 
> 
>  
>
> 
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" 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.