Home

Angular Tour of Heroes

Angula

cd angular-tour-of-heroes ng serve --open. The ng serve command builds the app, starts the development server, watches the source files, and rebuilds the application as you make changes to those files. The --open flag opens a browser to http://localhost:4200/. You should see the application running in your browser Use built-in Angular directives to show and hide elements and display lists of hero data. Create Angular components to display hero details and show an array of heroes. Use one-way data binding for read-only data. Add editable fields to update a model with two-way data binding

The Tour of Heroes app covers the core fundamentals of Angular. You'll build a basic app that has many of the features you'd expect to find in a full-blown, data-driven app: acquiring and displaying a list of heroes, editing a selected hero's detail, and navigating among different views of heroic data. You'll learn the following You updated the components to allow adding, editing, and deleting of heroes. You configured an in-memory web API. You learned how to use observables. This concludes the Tour of Heroes tutorial. You're ready to learn more about Angular development in the fundamentals section, starting with the Architecture guide The Tour of Heroes tutorial takes us through the steps of creating an Angular application in TypeScript Tour of Heroes. This project was created to help represent a fundamental app written with Angular. The heroes and villains theme is used throughout the app. by John Papa. Comparative apps can be found here with Svelte, React, and Vue. Why. I love JavaScript and the Web! One of the most common questions I hear is which framework is best?

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page. About A Simple Angular application named Tour of Heroes The application renders with a row of navigation buttons and the Heroes view with its list of heroes. Select one hero and the application takes you to a hero editing screen. Alter the name. Click the Back button and the application returns to the heroes list which displays the changed hero name Create the heroes component link. Using the Angular CLI, generate a new component named heroes. content_copy. ng generate component heroes. The CLI creates a new folder, src/app/heroes/, and generates the three files of the HeroesComponent along with a test file. The HeroesComponent class file is as follows #Angular #HeroesApp #AngularSampleApplication About Press Copyright Contact us Creators Advertise Developers Terms Privacy Policy & Safety How YouTube works Test new features © 2021 Google LL Super simple Angular app with 1 module and 2 routes. This is a minor variation on the Tour of Heroes I wrote for the official docs. Get the Cod

Tour of Heroes Dashboard Heroes Top Heroes. Narco. Bombasto. Celeritas. Magneta. Hero Search. To resolve you should delete the folder node_modules and download this folder again just use this command npm install in the path of your application. OR. You should import a RouteModule like this: import { RouterModule } from '@angular/router'; @NgModule ( { imports: [ RouterModule ] }) export class YourModule { } terModule like this

Angular - Tour of Heroes - The Next Step after Getting Started [UPDATE VERSION 1st post here. So I am following the Angular Tour of heroes using Angular 6 and I get how ngModel is working.. for the most part. I just don't get how it is able to change my data in the list when the ngModel is assigned a different variable. Here is my code below: heroes is assigned list of mock data with a Hero type consisting of ID and name

Tutorial: Tour of Heroes angulardart

Angular Example - Tour of Heroes: Part 6. Angular Example - Tour of Heroes: Part 6. Angular Example - Tour of Heroes: Part 6. Angular Example - Tour of Heroes: Part 6. StackBlitz. Fork. Share. Make this project private. Open in New Window LIVE. Close. Sign in. Project. Search. Settings. Toggle Light. I'm following the tour of heroes example to develop a basic contacts list app as a test, and I'm part way through the final http section of the tutorial, on the 'Get hero by id' step. The app runs and the list of contacts shows, but clicking on an item evidently returns no contact in the contact-details component, despite the url showing correctly January 15, 2021 angular, angular-tour-of-heroes I am new to Angular and I am doing the Tour of heroes tutorial. When I add the following piece of code to my heroes.component.ts file I get an error that says Property 'selectedHero' has no initializer and is not definitely assigned in the constructor We will take a look at installing NodeJS, angular-cli npm package and scaffolding new Angular 2 project using Angular CLI.Final sample repository is availabl..

Notes on “Tour of Heroes” Tutorial 2: Selection List – New

Angular Example - Tour of Heroes: Part 5. Angular Example - Tour of Heroes: Part 5. Angular Example - Tour of Heroes: Part 5. Angular Example - Tour of Heroes: Part 5. StackBlitz. Angular Project. Fork. Share. Sign in. Open in New Window LIVE. Close. Project. Search. Settings. Toggle Light/Dark. Hey everyone, in today's video we are going to talk about components in Angular and creating our first one! Together, we will go through the tour of heroes t.. Hey everyone, in today's video we are starting a new series on Angular! Together, we will go through the tour of heroes tutorial on Angular's website. Let me.. angular-tour-of-heroes/src/ app/ mock-heroes.ts heroes/ hero.ts angular. Share. Improve this question. Follow edited Mar 6 '18 at 18:27. jonrsharpe. 100k 19 19 gold badges 184 184 silver badges 338 338 bronze badges. asked Mar 6 '18 at 13:36. Bart Alen Bart Alen. 69 8 8.

Angular Tour of Heroes tutorial notes. Setup Angular CLI. Before you can start developing angular applications you need to install the Angular CLI The Tour of Heroes tutorial covers the fundamentals of Angular.. In this tutorial you will build an app that helps a staffing agency manage its stable of heroes. This basic app has many of the features you'd expect to find in a data-driven application This Tour of Heroes tutorial shows you how to set up your local development environment and develop an app using the Angular CLI tool, and provides an introduction to the fundamentals of Angular.. The Tour of Heroes app that you build helps a staffing agency manage its stable of heroes. The app has many of the features you'd expect to find in any data-driven application

Angular Tour of Heroes Loading.. The Tour of Heroes app uses the double curly braces of interpolation (a type of one-way data binding) to display the app title and properties of a Hero object. You wrote a multi-line template using ES2015's template literals to make the template readable Angular Example - Tour of Heroes: Part 1. Angular Example - Tour of Heroes: Part 1. Angular Example - Tour of Heroes: Part 1. Angular Example - Tour of Heroes: Part 1. StackBlitz. Angular Project. Fork. Share. Sign in. Open in New Window LIVE. Close. Project. Search. Settings. Toggle Light/Dark. Angular Example - Tour of Heroes: Part 6. Angular Example - Tour of Heroes: Part 6. Angular Example - Tour of Heroes: Part 6. Angular Example - Tour of Heroes: Part 6. StackBlitz. Angular Project. Fork. Share. Sign in. Open in New Window LIVE. Close. Project. Search. Settings. Toggle Light/Dark. Installer l'Interface Angular CLI. Installez l'Interface Angular CLI si vous ne l'avez pas déjà fait.. npm install -g @angular/cli Créer Une Nouvelle Application. Créez un nouveau projet nommé angular-tour-of-heroes avec cette commande CLI.. ng new angular-tour-of-heroes . L'interface CLI Angular a généré un nouveau projet avec une application par défaut et des fichiers de.

Tutorial: Tour of Heroes - js - TUTORIAL - Angula

Angular は公式ドキュメントが豊富で、日本語のドキュメントも多く整備されています。. 私にとって、フロントエンド フレームワーク の チュートリアル といえば、よくわからないまま文法の一部を紹介されるイメージでした。. しかし、Tour of Heroes という. Testing 'Tour of Heroes' Angular Application. In this demonstration is expected that you have a working 'Tour of Heroes' Application for both unit testing and end to end testing. This Angular application can be completed by following the step by step process on the Angular documentation

GitHub - johnpapa/heroes-angular: Tour of Heroes app

The Tour of Heroes app uses the double curly braces of interpolation (a type of one-way data binding) to display the app title and properties of a Hero object. You wrote a multi-line template using Dart's template strings to make the template readable. You added a two-way data binding to the <input> element using the built-in ngModel directive TOUR OF HEROES. Menu. Heroes Villains About. Heroes. Aslaug. warrior queen. Delete Edit. Ivar the Boneless. commander of the Great Heathen Army. Delete Edit. Lagertha the Shieldmaiden. aka Hlaðgerðr. Delete Edit. Ragnar Lothbrok. aka Ragnar Sigurdsson. Delete Edit. Thora Town-hart. daughter of Earl Herrauðr of Götaland The Tour of Heroes has become more reusable using shared components and services. The next goal is to create a dashboard, add menu links that route between the views, and format data in a template. As the app evolves, you'll discover how to design it to make it easier to grow and maintain

GitHub - basharovi/Angular-Tour-Of-Heroes: A Simple

  1. Test the Angular App. First, launch your Tour of Heroes Angular app by running ng serve --open from the root directory of your app. You should see the app running on port 4200. When you built the original app, it had a built-in web server that mimicked an actual server. We will be replacing this artificial server with a web API written in C# using the .NET framework
  2. read. TLDR: Use RxJS utility functions like of to mock the observable dependencies. Start with the use cases for the component. Make your tests fail so you know you're actually testing something. As usual, let's start with the use cases for the component
  3. Angular test application. Contribute to paulo-e/angular-tour-of-heroes development by creating an account on GitHub
  4. I have concluded my first code-along with Angular's Tour of Heroes Tutorial, and write this as a reflection, while also exploring the organization of my efforts and reflections. In thinking about writing this (and that in the future), I believe the route that I'll take is as follows: begin at the end, and end wit
  5. Weekend Coder: Angular Tour of Heroes. Jul 16, 2017. This weekend I wanted to change things up and finally dig down into the newest version of Angular for about the 4th or 5th time. I remember having much more trouble with this the first time I did it. Also I didn't understand what stuff did all that much
  6. Picture is for comedic value, I have nothing against Angular. Display a Heroes List. Now we will expand the Tour of Heroes app to display a list of heroes, and allow users to select a hero and.

Angular Tour of Heroes Master Details Explanation. I know this may sound strange to all of you but for some reason I don't know how to explain myself why this would work, I am probably missing something crucial. list of mock heroes is presented, you click on a hero inside of ngFor and selectedHero details is being shown 这个英雄之旅教程向你展示了如何使用 Angular CLI 工具搭建本地开发环境并开发应用,还对 Angular CLI 工具 的基础知识进行了介绍。. This Tour of Heroes tutorial shows you how to set up your local development environment and develop an app using the Angular CLI tool, and provides an introduction to the fundamentals of Angular Tour of Heroes - Angular. Angular use built-in directives to show and hide elements and display lists of hero data

Tour of Heroes App and Tutorial Angular Sample

Angular と Express の連携の続きです。 Angular の公式チュートリアル、'Tour of Heroes'をMEANスタック化します。 前回はAngular の公式からダウンロードした'Tour of Heroes'を若干修正して実際のサーバにアクセスするようにしました。 その後Expressサーバーを構築しました Dockerize Angular Tour of Heroes October 21, 2020 angular , docker , dockerfile I´m new at docker and I´m trying to dockerize the angular sample project Tour of heroes which you can find here December 1, 2020 angular, angular-tour-of-heroes I followed the steps exactly as described in the angular 'Tour of Heroes' tutorial . I didn't get too far since after adding the 'heroe-detail' feature component I get to following error Providing HTTP Services. The HttpModule is not a core Angular module.HttpModule is Angular's optional approach to web access. It exists as a separate add-on module called @angular/http and is shipped in a separate script file as part of the Angular npm package.. You're ready to import from @angular/http because systemjs.config configured SystemJS to load that library when you need it

I need some pointers! My goal is to connect the tutorial to back-end using EF. The tour of the heroes uses in-memory-data.service, instead I want to send the data to the back-end and into the database. If i am able to add a hero to the database from the front-end that would be a great proof of concept. Visual Studio Code is used for Front-end running Angular 8 tour of the heroes. Visual Studio. The Angular 2 Tour of Heroes guide created by the Angular Team is a wonderful introduction to Angular 2. For those who have completed the guide, you already know that the last step, HTTP, creates an angular-in-memory-web-api to demonstrate how Angular 2 works with REST services File Purpose; lib/app_component.dart: Defines <my-app>, the root component of what will become a tree of nested components as the app evolves.. test/app_test.dart: Defines AppComponent tests. While testing isn't covered in this tutorial, you can learn how to test the Tour of Heroes app from the Testing page.. web/main.dar 最終的には Tour of Heroes, Web API, データベース をそれぞれ Azure PaaS 上にデプロイして動かすことを目標としますが本記事ではいずれもローカル環境で動かすまでについてをまとめます。 環境など. Angular CLI : 8.3.25; Angular : 8.2.14; ASP.NET Core : 3.1; SQL Server 2016 LocalD

Angular conventions:. The component class name should be written in upper camel case and end in the word Component. The hero detail component class is HeroComponent. The component file name should be in snake case —lowercase with underscore separation—and end in _component.dart.The HeroComponent class goes in the hero_component.dart file.. Internal implementation files should be. Angular Tour of Heroes. Read more master. Switch branch/tag. Find file Select Archive Format. Download source code. zip tar.gz tar.bz2 tar. Clone Clone with SSH Clone with HTTPS Open in your IDE Visual Studio Code (SSH) Visual Studio Code (HTTPS) Copy HTTPS clone URL Creating a New NativeScript Project with Angular Support. We'll be creating the Tour of Heroes application based on a new project. At this point all the development requirements must be met. From the NativeScript CLI, execute the following: tns create tour-of-heroes --ng. In the above command take note of the --ng tag Angular Tour of Heroes. We've almost reached the point where we follow the Angular tutorial. If you have been following along to this point, it may seem for such a simple tutorial there are too many contextual chapters before this point Tour of Heroes Trouble Published May 10, 2021 I am trying to get the Tour of Heroes started, and every time I try to create it using ng new tour-of-heroes, and say Yes to stricter type checking, and yes to angular routing, also using CSS, it always says Package install failed and I can never get it to run

Angular Tour of heroes. This Tour of Heroes tutorial shows you how to set up your local development environment and develop an app using the Angular CLI tool, and provides an introduction to the fundamentals of Angular. The Tour of Heroes app that you build helps a staffing agency manage its stable of heroes Tour of Heroes #3: Multiple Component. Tutorial kali ini kita akan membahas Refactor master/detail view kedalam component yang terpisah. Tutorial ini merupakan lanjutan dari tutorial Angular Tour of Heroes.. Saat ini AppComponent dapat melakukan apa saja. Selanjutnya akan banyak requirement dan fitur yang akan di implementasi Angular Coding Challenge - Tour of Heroes Fight Simulator - Show your talent for a chance at a larger project contest on Freelancer. Enter this Angular Material contest, find Design jobs or post a similar contest for free angular-tour-of-heroes: angular官方演示项目. cyongk 新项目提交 7320db9 3年前. 5 次提交. 提交. 取消. 提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件. e2e

GitHub - johnpapa/angular-tour-of-heroes: Angular - Tour

Learning Angular 2: Tour of Heroes Tutorial, HTTP The final lesson of the Tour of Heroes tutorial covers using Angular 2 with HTTP. Check out author Brian Swartzfager's take on the tutorial Some routed Angular components rely on dynamic route parameters such as our use case today, the hero detail component from the Tour of Heroes tutorial on Angular.io. Routed components are usually dynamically rendered by a primary router outlet, but others might have routes configured for auxiliary router outlets such as a popup or drawer named router outlet angular-tour-of-heroes. angular-tour-of-heroes. master. 深圳市奥思网络科技有限公司版权所 「英雄ツアー?(Tour of Heroes)」 Angularのチュートリアルはなかなかシャレが効いてる。 ということで、チュートリアルを進めてみます。 ディレクトリ名を変える. まずはangular2-tour-of-heroesにディレクトリ名を変えろとあるので変更する Angularの公式チュートリアル「Tour of Heroes」:第2章「The Hero Editor」. 元のサイトは こちら 。. かなり端折っていますが一応日本語版です。. 第2章ではアプリを実際に作ります。. チュートリアル では開発をローカルで進めていますが私は Windows ユーザで.

Photo by Archaique Chang on Unsplash. If you have been following along from the Series outline, and have a working database, an Angular Tour of Heroes App, and a generic .NET API, we have now come to the meat of the Series, writing the C# code for our .NET API.. To follow along, you can download a complete version of the .NET API + Docker MSSQL DB + Angular app from my GitHub repo Frontend: Heroes Tour $ cd 00-tour-heroes $ npm install $ npm start Heroes Tour: Dashboard Heroes Tour: List of Heroes Angular: Lazy Loading Create SharedModule and CoreModule - I const SHARED_MODULES = [ CommonModule. Tour of Heroes는 Angular 공식 사이트 ( https://angular.io )의 입문자용 tutorial ( https://angular.io/tutorial )입니다. 이 튜토리얼 자체는 쉽고 상세하게 설명되어 있지만 영어로 작성되어 있기 때문에 여기서 어려움을 겪는 분들을 위해 강의를 만들었습니다. Tour of Heroes라는. A angular-tour-of-heroes Project information Project information Activity Labels Members Repository Repository Files Commits Branches Tags Contributors Graph Compare Locked Files Issues 0 Issues 0 List Boards Service Desk Milestones Iterations Merge requests 0 Merge requests 0 Requirements Requirements CI/CD CI/CD Pipelines Jobs Schedule

The Tour of Heroes covers the core fundamentals of Angular. We'll use built-in directives to show/hide elements and display lists of hero data. We'll create a component to display hero details and another to show an array of heroes. We'll use one-way data binding for read-only data. We'll add editable fields to update a model with two-way. The Tour of Heroes covers the core fundamentals of Angular. We'll use built-in directives to show/hide elements and display lists of hero data. We'll create a component to display hero details and another to show an array of heroes. We'll use one-way data binding for read-only data

Now that I've gone through the official Angular 2 quick start tutorial, it's time to start the longer Tour of Heroes tutorial, starting with lesson 2 (lesson 1 is just an overview of what will. Stencil — Tutorial: Tour of Heroes. Johan Axelsson. Apr 21, 2018 · 5 min read. This story is about my attempt to convert the Angular's popular Tutorial: Tour of Heroes into a Stencil application Tried to learn the tour of heroes tutorial from the angular website, I dont understand. I had a hard time setting angular, they said type this and that in component.ts file, I had no idea, where to find it and then, I had to figure out my self to use the files in an editor (not cmd). and I had tons of problems making it work NetCoreHeroes Blog Series. Part I - Visual Studio Setup & Configuration. Part II - Implementing the Angular Tour of Heroes Tutorial. Part III - Creating Unit Tests in Visual Studio for Asp.Net Core and Angular. Part IV - Configuring Jenkins Continuous Integration Services. Part V - Automating Deployment to Azure or IIS

Video: Angular Example - Tour of Heroes: Part 4 - StackBlit

Testing the Tour of Heroes — Hero Search Component. The list of matching heroes appear after 300ms. Updating the input value isn't enough, you also have to dispatch the input event for Angular to pick up the changes. The test will always pass if you don't Hello Everyone, I was going through the Tour of Heroes, and in the 5th & 6th Part, I am really so much confused! the Mock API is the most disgusting

So I just finished the Tour of Heroes tutorial. I thought it was a good tutorial. I am interested in both Angular and AngularDart but am slightly being inclined to AngularDart as I am planning to write its mobile and backend in Dart (and plus I like Dart's syntax) Tour of Heroes uses the Angular Router so you can click on Dashboard and Heroes and see the view change in the application. Notice that even though this is a Single Page App, the URL in the browser is getting updated to match our view. Refreshing, clicking the back button, and even copying and pasting a link directly into another tab all work.

Tour of Heroes is totally worth doing if you want to learn Angular. It's a great starting spot, and a lot of the documentation uses it as a conceptual common ground, so it's useful to have done it later on. A tutorial is never enough. I've had Java in school for years and had my doubts about putting it on my resume Tour of heroes — run The initializers ran by Angular concurrently and the loading has been delayed until the last resolving. So you can put your business logic in the providers The easiest way to create an Angular project with the jQWidgets library is to use AngularCLI. This tutorial demonstrates how to build one application from scratches. By the end of this tutorial, you will know how to implement our widgets in the Angular project. This tutorial is based on the official Angular Tour of Heroes We have 6 heroes to test with because I cheated a little bit and looked at the component's code. heroes will contain elements 2-5 of the array. We spy on the service's getHeroes method and have it return an observable of our initial heroes array. Now we let Angular process the changes in the browser for us to check I work as a FE dev for the last 4 years exclusive with angular 2. And there is a pattern whenever I takeover a new project. Usually there will be two types of apps first type will be like it is written by a BE java developer, a lots of classes and a lots of extends and inherits always some base class that's gets extended and so on and so on

Using an Interface as a Type in Angular - Angular Tour of

Lesson 5 of the Tour of Heroes tutorial introduces services.. On a recent episode of the Adventures in Angular podcast, guest Pascal Precht made the recommendation that developers should get in. You built an app — now host it. This tutorial will help you deploy the official Angular Tutorial — Tour of Heroes app to Microsoft Azure using a Web App that runs a docker container from Azure. Learning Angular 2: Tour of Heroes Tutorial, Routing. The Tour of Heroes tutorial series continues by exploring how routing works in Angular 2 given its new component-structured architecture Tour of Heroes #5: Routing. Pada tutorial lanjutan mengenai aplikasi Tour of Heroes ini kita akan menambahkan requirement baru pada aplikasi.. Menambahkan Dashboard view.. Menambahkan kemampuan untuk navigasi antara Heroes dan Dashboard view.. Ketika user click nama hero, navigasi ke view detail dari hero yang di pilih Tutorial: Tour of Heroes The Tour of Heroes tutorial takes us through the steps of creating an Angular application in TypeScript. 这个章节在 JavaScript 语种下还不可用

免費在 GitHub Pages 執行你的 Angular 應用程式Container components with Angular - DEV CommunityTutoriales y guías de Angular 6 – Buscar TutorialAngular 11 has Arrived!Tìm hiểu về Component trong Angular - Hướng Dẫn Java

Introduction to Angular: Tour of Heroes - YouTub

Cypress E2E Testing - Tour of Heroes. The following tests are a recreation of the Angular End to End tests for the Tour of Heroes application. Those test were originally written by Dhomale and relied on Karma and Protractor for testing, but these tests have since been converted by Open Water Foundation to utilize Cypress.io Angular2 + Visual Studio 2015 : Tour of heroes. March 13, 2016 This series sample will convert the Tour of heroes sample application from angular.io.. Getting things up and running. Starting from part 1, getting the first part of the tutorial to work was mainly copy and paste job from Hero editor.. I also updated package.json to use latests versions of libs (Angular2 version 2.0.0-beta.8), but. Several hang-ups eventually lead to rewriting the Angular piece in Vue. Th e following walkthrough is to create a proof of concept to demonstrate that adding a Vue component to an Angular app is possibl e. Setup. I'll be using a premade Vue Calculator (Butler, 2019) to add to an Angular Tour of Heroes app (Papa, 2019)

GitHub - MoYummy/angular-tour-of-heroes: Source code of

소스코드. 이 게시물에는 코드작성이 포함되어 있습니다. 소스코드를 받으신 후 진행해 주세요. MEAN Stack/개발 환경 구축에서 설명된 프로그램들(git, npm, atom editor)이 있어야 아래의 명령어들을 실행할 수 있습니다.. 이 게시물의 소스코드는 Tour of Heroes / Tour of Heroes - Service (@injectable, observable)에서. Browse the final Tour of Heroes tutorial code on StackBlitz. Download the final Tour of Heroes tutorial code (zip archive, 30 KB) Browse the Tour of Heroes—Model-View-Presenter style repository on GitHub. Watch my talk Model-View-Presenter with Angular from Angular Online Meetup #8

Angular 2 Tutorial - QuickStart to Routing. 8 February 2016 node / angularjs / javascript / angular2. The Tour of Heroes tutorial takes us through the steps of creating an Angular application in TypeScript. You can start the Tour of Heroes tutorial here. We tackle new technologies often, probably more often that we prefer A workshop for UI and Angular beginners alike. Let's pull down the Tour of Heroes app (written by John Papa and found throughout the Angular docs) and give it a UI upgrade! All you will need is a laptop and your favorite data set (mine, of course, will be ponies.) - Dive into the Tour of Heroes demo application like never before! - Learn about integrating SASS into your Angular Project Make your Angular tests fly. TLDR; We got a test suite of 3K+ tests to run from over 5 mins down to 15 secs with the following optimizations: Cache Angular testing modules using ng-cache-testing-module. This alone got our test suite to run in 45s. Read more Angular 4入门教程系列:7:Tour Of Heroes之路由. 梁广林LGL: 不好意思, 看到后面看到了创建新的app.component.html, 但是前面的第一次结果确认确实没有讲明白, 新手按着流程走不通很容易一头雾水. Angular 4入门教程系列:7:Tour Of Heroes之路 Node Package Manager version 6.7 (it usually ships with Node installation) Angular CLI version 8.0 or above. The latest version of Angular (version 11) // run the command in a terminal ng version. Bash. Confirm that you are using version 11, and update to 11 if you are not. Other things that will be nice-to-haves are