Git Product home page Git Product logo

angular2-rss-reader-tutorial's Introduction

BeCompany news reader

This project was generated with angular-cli version 1.0.0-beta.11-webpack.9-4.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Deploying to Github Pages

Run ng github-pages:deploy to deploy to Github Pages.

Further help

To get more help on the angular-cli use ng --help or go check out the Angular-CLI README.

angular2-rss-reader-tutorial's People

Contributors

angular-cli avatar jpuerto avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

angular2-rss-reader-tutorial's Issues

Content policy error

Looks like something has changed in the "rss2json" service and the URL has changed to "api.rss2json.com". We need to add this value to the allowed domains in the content policy rules.

Feeds not Displaying

I am using Angular 4 and tried to do all the thing that you taught in Tutorials.
first i tried to call from the selector of FeedcardComponent.. no data fetched from their.. i have done to check data is coming from Service that's y Console.log is done but empty array is fetched... Plz look into Code and Mention my Mistakes

Dashboard Component :

export class DashboardsComponent implements OnInit {

private feedUrl :  string = 'https%3A%2F%2Fwww.becompany.ch%2Fen%2Fblog%2Ffeed.xml'
feeds: Array<FeedEntry> = [];

constructor (
private feedService :FeedService
) {}

ngOnInit() {
this.refreshFeed();
}

refreshFeed() {
this.feeds.length = 0;
// Adds 1s of delay to provide user's feedback.
this.feedService.getFeedContent(this.feedUrl).delay(1000)

    .subscribe(
        feed => this.feeds = feed.items,
        
        error => console.log(error));
        console.log(this.feeds);
      }
}  

Dashboard HTML :

       <div class="at-show-elms-on-hover at-p-15"  *ngFor="let feed of feeds"  >
                                <div fxLayout="column">
                                        <h4 class="at-mb-5 at-tw-400">{{feed.title}}</h4>
                                        <small md-line class="mat-fg-grey" fxLayoutAlign="start center">
                                            <md-icon class="at-mr-5">event</md-icon>
                                            <span>{{feed.description}}</span>
                                        </small> 
                                      </div>

issue on ng serve

After npm install, when i fire ng serve it shows fokkowing error

The "@angular/compiler-cli" package was not properly installed.
Error: The "@angular/compiler-cli" package was not properly installed.
at Object. (/home/uday/Project/angular2-rss-reader-tutorial-master/node_modules/@ngtools/webpack/src/index.js:14:11)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/home/uday/Project/angular2-rss-reader-tutorial-master/node_modules/@angular/cli/tasks/eject.js:10:19)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)

How to use native features?

We are planning to use Angular + Cordova to build an webapp in order to have it on the cloud so that we can provide live(hot) updates to the user.
If we take this approach do u know how can we use the native features?

ioniv native npm package does not work with angular?
Any suggestions

patters.map is not a function

patterns.map is not a function
TypeError: patterns.map is not a function
    at GlobCopyWebpackPlugin.apply (C:\Users\Admin.admin-PC\Desktop\test\node_mo
dules\angular-cli\plugins\glob-copy-webpack-plugin.js:16:29)
    at Compiler.apply (C:\Users\Admin.admin-PC\Desktop\test\node_modules\tapable
\lib\Tapable.js:270:16)
    at WebpackOptionsApply.process (C:\Users\Admin.admin-PC\Desktop\test\node_mo
dules\webpack\lib\WebpackOptionsApply.js:59:18)
    at webpack (C:\Users\Admin.admin-PC\Desktop\test\node_modules\webpack\lib\we
bpack.js:28:48)
    at Class.run (C:\Users\Admin.admin-PC\Desktop\test\node_modules\angular-cli\
tasks\serve-webpack.js:38:27)
    at C:\Users\Admin.admin-PC\Desktop\test\node_modules\angular-cli\commands\se
rve.js:108:26
    at process._tickCallback (internal/process/next_tick.js:103:7)

Application is not starting giving above error.

cordova plugin not defined

Uncaught ReferenceError: device is not defined
at Channel. (main.ed58b8d….bundle.js:1)
at Channel.fire (cordova.js:777)
at cordova.js:231
at t.invokeTask (polyfills.698f565….bundle.js:36)
at r.runTask (polyfills.698f565….bundle.js:36)
at invoke (polyfills.698f565….bundle.js:36)
at n (polyfills.698f565….bundle.js:15)

package.json

error syscall open
15 error enoent ENOENT: no such file or directory, open 'D:\trainning\a2-to-cordova\angular2-rss-reader-tutorial-cordova-integration\cordova\www\package.json'
16 error enoent ENOENT: no such file or directory, open 'D:\trainning\a2-to-cordova\angular2-rss-reader-tutorial-cordova-integration\cordova\www\package.json'
16 error enoent This is most likely not a problem with npm itself
16 error enoent and is related to npm not being able to find a file.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.