Mixing
How to prevent hard-coding in angular application
I am currently working on a angular project where I find myself injecting hard-coded values of string, numbers, etc into html template.I have tried to store hard-coded values in object fields and inject the object into whichever component needs it. However it does not seem very intuitive. Is there way to get values from some properties file like we do in Java. I would also like to know what are some of the best practices that you developers are using to prevent that?
angularjs
asked Nov 20 '18 at 11:58
ƏlişiramƏlişiram
228
add a comment |
I am currently working on a angular project where I find myself injecting hard-coded values of string, numbers, etc into html template.I have tried to store hard-coded values in object fields and inject the object into whichever component needs it. However it does not seem very intuitive. Is there way to get values from some properties file like we do in Java. I would also like to know what are some of the best practices that you developers are using to prevent that?
angularjs
asked Nov 20 '18 at 11:58
ƏlişiramƏlişiram
228
it's not really on-topic for SO, but I would say you either get data from a service, or create a small factory that returns the on to go values, which could easily be refactored at a later stage. If you would show some of the code where you have problems with, it might be appropriate here, if you have a working solution and you want some input, you might rather check codereview :)
– Icepickle
Nov 20 '18 at 12:02
1
I guess you can name these hard-coded values as constants. In AngularJS you can write them asapp.constant('NAME', {"value":"data"}), which then can be injected like any other provider (factory/service)
– Aleksey Solovey
Nov 20 '18 at 12:04
add a comment |
I am currently working on a angular project where I find myself injecting hard-coded values of string, numbers, etc into html template.I have tried to store hard-coded values in object fields and inject the object into whichever component needs it. However it does not seem very intuitive. Is there way to get values from some properties file like we do in Java. I would also like to know what are some of the best practices that you developers are using to prevent that?
angularjs
asked Nov 20 '18 at 11:58
ƏlişiramƏlişiram
228
I am currently working on a angular project where I find myself injecting hard-coded values of string, numbers, etc into html template.I have tried to store hard-coded values in object fields and inject the object into whichever component needs it. However it does not seem very intuitive. Is there way to get values from some properties file like we do in Java. I would also like to know what are some of the best practices that you developers are using to prevent that?
angularjs
angularjs
asked Nov 20 '18 at 11:58
ƏlişiramƏlişiram
228
asked Nov 20 '18 at 11:58
ƏlişiramƏlişiram
228
asked Nov 20 '18 at 11:58
ƏlişiramƏlişiram
228
asked Nov 20 '18 at 11:58
ƏlişiramƏlişiram
228
asked Nov 20 '18 at 11:58
ƏlişiramƏlişiram
228
228
it's not really on-topic for SO, but I would say you either get data from a service, or create a small factory that returns the on to go values, which could easily be refactored at a later stage. If you would show some of the code where you have problems with, it might be appropriate here, if you have a working solution and you want some input, you might rather check codereview :)
– Icepickle
Nov 20 '18 at 12:02
1
I guess you can name these hard-coded values as constants. In AngularJS you can write them asapp.constant('NAME', {"value":"data"}), which then can be injected like any other provider (factory/service)
– Aleksey Solovey
Nov 20 '18 at 12:04
add a comment |
it's not really on-topic for SO, but I would say you either get data from a service, or create a small factory that returns the on to go values, which could easily be refactored at a later stage. If you would show some of the code where you have problems with, it might be appropriate here, if you have a working solution and you want some input, you might rather check codereview :)
– Icepickle
Nov 20 '18 at 12:02
1
I guess you can name these hard-coded values as constants. In AngularJS you can write them asapp.constant('NAME', {"value":"data"}), which then can be injected like any other provider (factory/service)
– Aleksey Solovey
Nov 20 '18 at 12:04
it's not really on-topic for SO, but I would say you either get data from a service, or create a small factory that returns the on to go values, which could easily be refactored at a later stage. If you would show some of the code where you have problems with, it might be appropriate here, if you have a working solution and you want some input, you might rather check codereview :)
– Icepickle
Nov 20 '18 at 12:02
it's not really on-topic for SO, but I would say you either get data from a service, or create a small factory that returns the on to go values, which could easily be refactored at a later stage. If you would show some of the code where you have problems with, it might be appropriate here, if you have a working solution and you want some input, you might rather check codereview :)
– Icepickle
Nov 20 '18 at 12:02
1
1
I guess you can name these hard-coded values as constants. In AngularJS you can write them as
app.constant('NAME', {"value":"data"}), which then can be injected like any other provider (factory/service)– Aleksey Solovey
Nov 20 '18 at 12:04
I guess you can name these hard-coded values as constants. In AngularJS you can write them as
app.constant('NAME', {"value":"data"}), which then can be injected like any other provider (factory/service)– Aleksey Solovey
Nov 20 '18 at 12:04
add a comment |
1 Answer
1
active
oldest
votes
You can do it with a properties file as well. The best way would be to create a json file, e.g., example.json and calling in the json and then just making an API call like:
$http.get('your_web_address/example.json')
.success(function(data){
// assign the data to a var or write next logic directly
})
and then use the content of json as per choice
You can make this as a service call as well, if you want
answered Nov 20 '18 at 13:49
Abhishek AnandAbhishek Anand
1265
add a comment |
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
});
}
});
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%2f53392535%2fhow-to-prevent-hard-coding-in-angular-application%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can do it with a properties file as well. The best way would be to create a json file, e.g., example.json and calling in the json and then just making an API call like:
$http.get('your_web_address/example.json')
.success(function(data){
// assign the data to a var or write next logic directly
})
and then use the content of json as per choice
You can make this as a service call as well, if you want
answered Nov 20 '18 at 13:49
Abhishek AnandAbhishek Anand
1265
add a comment |
You can do it with a properties file as well. The best way would be to create a json file, e.g., example.json and calling in the json and then just making an API call like:
$http.get('your_web_address/example.json')
.success(function(data){
// assign the data to a var or write next logic directly
})
and then use the content of json as per choice
You can make this as a service call as well, if you want
answered Nov 20 '18 at 13:49
Abhishek AnandAbhishek Anand
1265
add a comment |
You can do it with a properties file as well. The best way would be to create a json file, e.g., example.json and calling in the json and then just making an API call like:
$http.get('your_web_address/example.json')
.success(function(data){
// assign the data to a var or write next logic directly
})
and then use the content of json as per choice
You can make this as a service call as well, if you want
answered Nov 20 '18 at 13:49
Abhishek AnandAbhishek Anand
1265
You can do it with a properties file as well. The best way would be to create a json file, e.g., example.json and calling in the json and then just making an API call like:
$http.get('your_web_address/example.json')
.success(function(data){
// assign the data to a var or write next logic directly
})
and then use the content of json as per choice
You can make this as a service call as well, if you want
answered Nov 20 '18 at 13:49
Abhishek AnandAbhishek Anand
1265
answered Nov 20 '18 at 13:49
Abhishek AnandAbhishek Anand
1265
answered Nov 20 '18 at 13:49
Abhishek AnandAbhishek Anand
1265
answered Nov 20 '18 at 13:49
Abhishek AnandAbhishek Anand
1265
1265
add a comment |
add a comment |
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.
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%2f53392535%2fhow-to-prevent-hard-coding-in-angular-application%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
it's not really on-topic for SO, but I would say you either get data from a service, or create a small factory that returns the on to go values, which could easily be refactored at a later stage. If you would show some of the code where you have problems with, it might be appropriate here, if you have a working solution and you want some input, you might rather check codereview :)
– Icepickle
Nov 20 '18 at 12:02
1
I guess you can name these hard-coded values as constants. In AngularJS you can write them as
app.constant('NAME', {"value":"data"}), which then can be injected like any other provider (factory/service)– Aleksey Solovey
Nov 20 '18 at 12:04