// step-slide.component.js
angular.module("recipeDetail").component("stepSlide", {
  templateUrl: "modules/recipe-detail/step-slide/step-slide.template.html",
  bindings: { step: "<" },
  controller: function StepSlideController() {}
});

// step-slide.template.html
<div class="step">
  <h2>Current step:</h2>
  <p class="step-text">{{ $ctrl.step.text }}</p>
</div>