Angularjs - $ http.get файла свойств всегда возвращает 404

Question

Возможно, я делаю что-то неправильно здесь, потому что я не могу получить эту работу. я что-то упускаю?

services.js

$http({ 
    method : 'GET', 
    url : 'angular.properties' 
}).success(function (data, status, headers, config) { 
    console.log("good"); 
}).error(function (data, status, headers, config) { 
    console.log("error: " + data); // It's printing this. 
}); 

angular.properties

{ 
    "url": "http://localhost", 
    "port": "", 
    "default_language": "es" 
} 

приложение Структура

Ошибка

Gruntfile.js

'use strict'; 

module.exports = function (grunt) { 

    grunt.initConfig({ 
    connect: { 
     server: { 
     options: { 
      port: 9000, 
      base: 'app/' 
     } 
     } 
    }, 
    watch: { 
     project: { 
     files: ['app/**/*.js', 'app/**/*.html', 'app/**/*.json', 'app/**/*.css'], 
     options: { 
      livereload: true 
     } 
     } 
    }, 
    }); 

    grunt.loadNpmTasks('grunt-contrib-connect'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 

    grunt.registerTask('default', ['connect', 'watch']); 

}; 

ОТВЕТ

Содержание папки 'приложение' является то, что я должен поставить на моем сервере. Поэтому мне просто нужен контент приложения, и мои угловые свойства были вне этой папки. Это ошибка. Сейчас работает :) Правильная структура этого:

Answer 1

Я предполагаю, что ваш main.js ваш сервис так что вы на самом деле начать свой сайт от /module и не /app, который означает, что ваш файл .properties существует в каталоге ниже корня веб-сайта.

Если вы переместите свой файл angular.properties в каталог module, ваш исходный код должен работать.

Answer 2

Я бы рекомендовал для определения углов.properties в качестве значения. Вы также можете объявить его как константу, но тогда вы можете вводить его только в контроллеры и службы.

angular.module(NAME).value('properties', { 
    "url": "http://localhost", 
    "port": "", 
    "default_language": "es" 
}); 

Таким образом, вы можете легко впрыскивать его в службу, а затем потреблять его в вызове

$http({ 
    method : 'GET', 
    url : properties.url 
}).success(function (data, status, headers, config) { 
    console.log("good"); 
}).error(function (data, status, headers, config) { 
    console.log("error: " + data); // It's printing this. 
});