Angularjs search and display
0
I have a search function where users are able to search and navigate them to the "searchedResult" page. And that's where I display the information. I tried doing something like this, but it isn't returning me any result with no error in console either.
HTML:
<tr ng-repeat="result in apiResult |orderBy:sortKey:reverse |filter:search">
<td>{{result.NAME}}</td>
<td>{{result.ADDRESSBLOCKHOUSENUMBER}}</td>
<td>{{result.ADDRESSPOSTALCODE}}</td>
<td>{{result.ADDRESSSTREETNAME}}</td>
</tr>
JS:
$scope.searchFunction = function() {
searchLayer.clearLayers();
for ( var i = 0; i < $scope.allTheme.length; i++) {
if ($scope.selected == $scope.allTheme[i].THEMENAME)
{
$scope.selectedTheme = $scope.allTheme[i].QUERYNAME;
apiURL = "url";
$http.get(apiURL).then(function(response) {
$scope.apiResult = response.data.SrchResults;
$scope.apiResult.splice(0,1);
})
$window.location.href = "#!/searchedResult";
}
}
}
javascript angularjs
asked Nov 13 '18 at 1:47
ITnyp
628
add a comment |
0
I have a search function where users are able to search and navigate them to the "searchedResult" page. And that's where I display the information. I tried doing something like this, but it isn't returning me any result with no error in console either.
HTML:
<tr ng-repeat="result in apiResult |orderBy:sortKey:reverse |filter:search">
<td>{{result.NAME}}</td>
<td>{{result.ADDRESSBLOCKHOUSENUMBER}}</td>
<td>{{result.ADDRESSPOSTALCODE}}</td>
<td>{{result.ADDRESSSTREETNAME}}</td>
</tr>
JS:
$scope.searchFunction = function() {
searchLayer.clearLayers();
for ( var i = 0; i < $scope.allTheme.length; i++) {
if ($scope.selected == $scope.allTheme[i].THEMENAME)
{
$scope.selectedTheme = $scope.allTheme[i].QUERYNAME;
apiURL = "url";
$http.get(apiURL).then(function(response) {
$scope.apiResult = response.data.SrchResults;
$scope.apiResult.splice(0,1);
})
$window.location.href = "#!/searchedResult";
}
}
}
javascript angularjs
asked Nov 13 '18 at 1:47
ITnyp
628
When you call$window.location.href = "#!/searchedResult";you navigate to the newsearchedResultstate. But if you save the data inside the$scope.apiResultof this controller, this variable is not accessible in the other controller, if it's not a child scope of this one (which should not be because you change the url). There are a lot of ways for sharing data between controllers, but in this case maybe the best solution would be to use a service shared between these two controllers.
– quirimmo
Nov 13 '18 at 1:52
They are both in the same controller
– ITnyp
Nov 13 '18 at 1:55
1
I didn't get what do you mean by "they are both in the same controller". By the way, two things: 1) when you make the get request, if you redirect not inside thethenbut after, you will redirect before the data gets fetched. 2) When you change the location, the controller starts up again, and the$scopegets init again, so the previous value ofapiResultis not there anymore. Add a console log on init of that $scope, printing the scope, and you should see that there is notapiResultafter you execute the relocation
– quirimmo
Nov 13 '18 at 2:33
Thanks for the explanation @quirimmo
– ITnyp
Nov 13 '18 at 2:47
add a comment |
0
0
0
I have a search function where users are able to search and navigate them to the "searchedResult" page. And that's where I display the information. I tried doing something like this, but it isn't returning me any result with no error in console either.
HTML:
<tr ng-repeat="result in apiResult |orderBy:sortKey:reverse |filter:search">
<td>{{result.NAME}}</td>
<td>{{result.ADDRESSBLOCKHOUSENUMBER}}</td>
<td>{{result.ADDRESSPOSTALCODE}}</td>
<td>{{result.ADDRESSSTREETNAME}}</td>
</tr>
JS:
$scope.searchFunction = function() {
searchLayer.clearLayers();
for ( var i = 0; i < $scope.allTheme.length; i++) {
if ($scope.selected == $scope.allTheme[i].THEMENAME)
{
$scope.selectedTheme = $scope.allTheme[i].QUERYNAME;
apiURL = "url";
$http.get(apiURL).then(function(response) {
$scope.apiResult = response.data.SrchResults;
$scope.apiResult.splice(0,1);
})
$window.location.href = "#!/searchedResult";
}
}
}
javascript angularjs
asked Nov 13 '18 at 1:47
ITnyp
628
I have a search function where users are able to search and navigate them to the "searchedResult" page. And that's where I display the information. I tried doing something like this, but it isn't returning me any result with no error in console either.
HTML:
<tr ng-repeat="result in apiResult |orderBy:sortKey:reverse |filter:search">
<td>{{result.NAME}}</td>
<td>{{result.ADDRESSBLOCKHOUSENUMBER}}</td>
<td>{{result.ADDRESSPOSTALCODE}}</td>
<td>{{result.ADDRESSSTREETNAME}}</td>
</tr>
JS:
$scope.searchFunction = function() {
searchLayer.clearLayers();
for ( var i = 0; i < $scope.allTheme.length; i++) {
if ($scope.selected == $scope.allTheme[i].THEMENAME)
{
$scope.selectedTheme = $scope.allTheme[i].QUERYNAME;
apiURL = "url";
$http.get(apiURL).then(function(response) {
$scope.apiResult = response.data.SrchResults;
$scope.apiResult.splice(0,1);
})
$window.location.href = "#!/searchedResult";
}
}
}
javascript angularjs
javascript angularjs
asked Nov 13 '18 at 1:47
ITnyp
628
asked Nov 13 '18 at 1:47
ITnyp
628
asked Nov 13 '18 at 1:47
ITnyp
628
asked Nov 13 '18 at 1:47
ITnyp
628
asked Nov 13 '18 at 1:47
ITnyp
628
628
When you call$window.location.href = "#!/searchedResult";you navigate to the newsearchedResultstate. But if you save the data inside the$scope.apiResultof this controller, this variable is not accessible in the other controller, if it's not a child scope of this one (which should not be because you change the url). There are a lot of ways for sharing data between controllers, but in this case maybe the best solution would be to use a service shared between these two controllers.
– quirimmo
Nov 13 '18 at 1:52
They are both in the same controller
– ITnyp
Nov 13 '18 at 1:55
1
I didn't get what do you mean by "they are both in the same controller". By the way, two things: 1) when you make the get request, if you redirect not inside thethenbut after, you will redirect before the data gets fetched. 2) When you change the location, the controller starts up again, and the$scopegets init again, so the previous value ofapiResultis not there anymore. Add a console log on init of that $scope, printing the scope, and you should see that there is notapiResultafter you execute the relocation
– quirimmo
Nov 13 '18 at 2:33
Thanks for the explanation @quirimmo
– ITnyp
Nov 13 '18 at 2:47
add a comment |
When you call$window.location.href = "#!/searchedResult";you navigate to the newsearchedResultstate. But if you save the data inside the$scope.apiResultof this controller, this variable is not accessible in the other controller, if it's not a child scope of this one (which should not be because you change the url). There are a lot of ways for sharing data between controllers, but in this case maybe the best solution would be to use a service shared between these two controllers.
– quirimmo
Nov 13 '18 at 1:52
They are both in the same controller
– ITnyp
Nov 13 '18 at 1:55
1
I didn't get what do you mean by "they are both in the same controller". By the way, two things: 1) when you make the get request, if you redirect not inside thethenbut after, you will redirect before the data gets fetched. 2) When you change the location, the controller starts up again, and the$scopegets init again, so the previous value ofapiResultis not there anymore. Add a console log on init of that $scope, printing the scope, and you should see that there is notapiResultafter you execute the relocation
– quirimmo
Nov 13 '18 at 2:33
Thanks for the explanation @quirimmo
– ITnyp
Nov 13 '18 at 2:47
When you call
$window.location.href = "#!/searchedResult"; you navigate to the new searchedResult state. But if you save the data inside the $scope.apiResult of this controller, this variable is not accessible in the other controller, if it's not a child scope of this one (which should not be because you change the url). There are a lot of ways for sharing data between controllers, but in this case maybe the best solution would be to use a service shared between these two controllers.– quirimmo
Nov 13 '18 at 1:52
When you call
$window.location.href = "#!/searchedResult"; you navigate to the new searchedResult state. But if you save the data inside the $scope.apiResult of this controller, this variable is not accessible in the other controller, if it's not a child scope of this one (which should not be because you change the url). There are a lot of ways for sharing data between controllers, but in this case maybe the best solution would be to use a service shared between these two controllers.– quirimmo
Nov 13 '18 at 1:52
They are both in the same controller
– ITnyp
Nov 13 '18 at 1:55
They are both in the same controller
– ITnyp
Nov 13 '18 at 1:55
1
1
I didn't get what do you mean by "they are both in the same controller". By the way, two things: 1) when you make the get request, if you redirect not inside the
then but after, you will redirect before the data gets fetched. 2) When you change the location, the controller starts up again, and the $scope gets init again, so the previous value of apiResult is not there anymore. Add a console log on init of that $scope, printing the scope, and you should see that there is not apiResult after you execute the relocation– quirimmo
Nov 13 '18 at 2:33
I didn't get what do you mean by "they are both in the same controller". By the way, two things: 1) when you make the get request, if you redirect not inside the
then but after, you will redirect before the data gets fetched. 2) When you change the location, the controller starts up again, and the $scope gets init again, so the previous value of apiResult is not there anymore. Add a console log on init of that $scope, printing the scope, and you should see that there is not apiResult after you execute the relocation– quirimmo
Nov 13 '18 at 2:33
Thanks for the explanation @quirimmo
– ITnyp
Nov 13 '18 at 2:47
Thanks for the explanation @quirimmo
– ITnyp
Nov 13 '18 at 2:47
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53272607%2fangularjs-search-and-display%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53272607%2fangularjs-search-and-display%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
When you call
$window.location.href = "#!/searchedResult";you navigate to the newsearchedResultstate. But if you save the data inside the$scope.apiResultof this controller, this variable is not accessible in the other controller, if it's not a child scope of this one (which should not be because you change the url). There are a lot of ways for sharing data between controllers, but in this case maybe the best solution would be to use a service shared between these two controllers.– quirimmo
Nov 13 '18 at 1:52
They are both in the same controller
– ITnyp
Nov 13 '18 at 1:55
1
I didn't get what do you mean by "they are both in the same controller". By the way, two things: 1) when you make the get request, if you redirect not inside the
thenbut after, you will redirect before the data gets fetched. 2) When you change the location, the controller starts up again, and the$scopegets init again, so the previous value ofapiResultis not there anymore. Add a console log on init of that $scope, printing the scope, and you should see that there is notapiResultafter you execute the relocation– quirimmo
Nov 13 '18 at 2:33
Thanks for the explanation @quirimmo
– ITnyp
Nov 13 '18 at 2:47