JSFiddle - React, Tailwind, and code Playground

by williammanco

HTML

<html lang="en" ng-app="kring">
<head>
  <meta charset="utf-8">
  <title ng-model="title">K-Ring</title>
  <link rel="stylesheet" href="css/app.css"/>
</head>
<body>
  <div id="sidebar">
    <input id="search" class="search" placeholder="{{ 'ciao'|lang }}">
        <i class="icon-search"></i>
    </input>
  </div>
  <div ng-view></div>
  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
  -->
  
  <script src="js/filters.js"></script>
  <script src="js/directives.js"></script>
</body>
</html>

JavaScript

angular.module('kring.services', [])
    .service('langService', function($http) {

        this.sayHello = function(text) {
            console.log(text);
            $http.get('json/it_IT.json').success(function (data) {
                console.log(data);
                if(data[text]){
                    return data[text];
                }else{
                    return "mmmmmm";
                }
            });
        };
    });